asp.net mvc -viewリアルタイムの進捗状況を表示

Question

コンソールでのように画面/ページ/ビューに進捗状況を表示したい。私は[インストール]ボタンをクリックしますときに、私の「テキストエリア」コントロールは 動作完了 接続b.sqlスクリプトを実行している a.sqlデータベース 接続成功 実行中のスクリプトへの接続

のような進捗状況の表示を開始

を閉鎖しなければなりません
1. textareaはこの目的のための正しいコントロールですか？
2. それはサーバーからクライアントへの旅行が多すぎるように見えますが、画面上に進行状況を書き込むにはどうすれば最小限に抑えることができますか？

Answer 1

一般的なアプローチは、1秒ごとにajaxリクエストを送信し、サーバーから更新を求めることです。

<div> 
    <pre id="status"> 
    </pre> 
</div> 

setInterval(function() { 
    $.ajax("/getUpdate?someParam=1234").then(function (result) { 
     // result is whatever JSON object you send from the server 
     $("#status").innerText = result.someProp; 
    }); 
}, 1000); 

これは、上記のようなものです。毎秒リクエストを行い、サーバからのメッセージをpre要素に格納していることに注意してください。

Answer 2

SignalRを使用すると、ブラウザーのバージョンに基づいて使用される基礎となるテクノロジーのすべての手間を簡略化し、最適な通信プロトコル（WebSocket、LongPolling..etc）を選択して、 。

SignalRの背後にある、使用されているテクノロジの1つがウェブソケットです。サーバとクライアント間でオープンな全二重チャネルを維持する以外は何も送信しません。最も一般的なサイトでは、サーバーとクライアントの間にオープンチャネルを維持するためのWebソケットが使用されています。

SignalRは実際にWebsocketを使用しますが、Websocketの接続アップグレードをサポートしていない古いブラウザの場合など、長いポーリングを使用するようにダウングレードします。

クライアントが新しいブラウザを使用することが確実である場合に備えて、ウェブソケットを直接使用することもできます。

最後に、重大な負荷がかかるサイトとしてのStackoverflowは、たとえば新しい回答やコメントがあると、Webソケットを使用して更新します。