2人のJSウェブワーカーの同時実行：1人がスタックする

Question

私は日々のオンライン商取引の中で企業を支援するためにクローズドシステムWebアプリケーションに取り組んでいます。つまり、一方では一般に公開されず、流暢な仕事経験を維持しながら大量のデータを処理する必要があります。

これは、私がJSのWebワーカーに目を向けて、あらゆる種類のデータベースアクセスとデータ読み込みをバックグラウンドで実行する理由です。 私の理解は、メインのUI /メインJSが中断されずにいるだけでなく、異なるWebワーカーが互いに干渉することなく動作することです。

私は今、次のセットアップを持っている：

mainJS：pageload上で動作する機能statusCheck：労働者である

function statusCheck() { 
    if(typeof(w__statusCheck) == "undefined") { 
     var w__statusCheck = new Worker("...statusCheck.js"); 
     w__statusCheck.postMessage("go"); 
     w__statusCheck.onmessage = function(e) { 
      var message = JSON.parse(e.data); 
      if(message.text!=undefined) displayMessage(message.text); 
     } 
} 

statusCheck.jsは、単純にこのように書きます：

function checkStatus() { 
     console.log("statusCheck started"); 
     // I will leave standard parts out: 
      // creating and testing the ajax variable against different browsers 

     ajaxRequest.onreadystatechange = function() { 
      if(ajaxRequest.readyState == 4) { 
       self.postMessage(ajaxRequest.responseText); 

       var timer; 
       timer = self.setTimeout(function(){ 
        checkStatus(); 
       }, 1000); 
      } 
     } 

     ajaxRequest.open("GET", "...worker_statusCheck.php", true); 
     ajaxRequest.send(null); 
    } 

    this.onmessage = function(e){ 
     checkStatus(); 
    }; 

ご覧のとおり、これは毎秒それ自身を再起動します。インターヴォールは生産が長くなるかもしれません。 worker_statusCheck.phpは、単にデータベースとは異なるものを取得し、それらをJSONオブジェクトに編成して、私にシステムステータスを与えます。

これは美しく機能します。

今、私は効果的にアクションを実行するために、いくつかのPHPを呼び出すためのリンクをクリックすることにより開始を取得することになっている別のワーカーがあります。特定のリンク上でこれをすべてのクリックで mainJS loadWorker

function loadWorker(url="") { 
    console.log("loadWorker started"); 

    if(url!="") { 
     var uniqueID = "XXX" // creating a random ID based on timestamp and Math.random() 

    if(typeof(window[uniqueID]) == "undefined") { 
     var variables = { ajaxURL: url }; 
     window[uniqueID] = new Worker("....loadWorker.js"); 
     window[uniqueID].postMessage(JSON.stringify(variables)); 
     window[uniqueID].onmessage = function(e) { 
      var message = JSON.parse(e.data); 
      if(message["success"]!=undefined) { 
       variables["close"] = "yes"; 
       window[uniqueID].postMessage(JSON.stringify(variables)); 
      } 
     } 
} 

を一意の名前のワーカーを作成し、実行し、データを受け取り、ワーカーにclose()と伝えます。

PHPはまた、その事を行い、長い手順の各ステップの後に進捗状況の更新をDBに書き込みます。これらの進捗状況の更新は、上記の繰り返しステータスチェックでDBから取得します。

ここで、タイムスタンプ付きのDBのエントリを見ることができるので、それぞれの時間に書き込まれることが分かります。 したがって、両方の作業者が仕事をして確実に実行されます。しかし私は、手動（無作為に指定された）作業者を開始するたびに、statusCheckは実際に実行を停止することに気付きました。それはちょうど立ち往生する...私は両方の労働者からのコンソールの出力でこれを確認することができた。したがって、スタックされているようなメインJSではなく、statusCheckは実際には一時停止し、loadWorkerが完了すると再開します。

ここでは何か基本的なものがありませんか？私がこのウェブワーカーのコンセプトに慣れて以来、どんな洞察も高く評価されます。

ありがとう:)

Answer 1

いいえ..わかりました： 私はすべての間違った場所を探していました。私は、ワーカーが呼び出すすべてのPHPスクリプトでPHPセッションを初期化しました。そして私の2人の平行労働者はどちらも1人と呼ばれました。したがって、セッションファイルは最初のPHPスクリプトによってロックされ、2番目のスクリプトは再び開くまで待たなければなりませんでした。それは労働者やJSが妨げられていない、それはPHPだった。

私はstatusCheck.phpからセッション初期化を取り出しました。これは魅力的です。ユーザー入力応答を処理する他のユーザーには、作業者が実行する「コンパイルデータXY」ボタンをクリックしてしばらく時間がかかりますので、実際にそれが意味をなされているので、それを保持します。彼はすでに次のボタン「このデータを表示」をクリックしています。セッションファイルがロックされているため、これらのアクションのためのきれいなキューがあります。 :)

私はまだ上記の推奨事項を念頭に置いて、コードを改善するために参照してください。 :)

Answer 2

あなたの質問は本当に正確に間違って行くかを把握するためのリソースが不足しています。私はtwo web workers can operate at the same timeと同時に同期操作で同意することができます。私はforループと同期XHR要求の両方についてこれをテストしました。

私は何とかお勧めします。

最初に - CPUの重いアルゴリズムでデータを処理しない限り、Webワーカーは時間の無駄です。 XHRリクエストはメインスレッドをブロックしません（明示的に要求しない限り）。

1. statusCheck()には、var w__statusCheckというローカル変数を宣言しています。したがって、外部スコープから見て常にnullになります。コードがワーカーで実行されていなければ、ガベージコレクションされる可能性があります。
2. XMLHttpRequest.onreadystatechangeを使用しないでください。 onloadとonerrorを使用してください。
3. 変数のためのランダムな一意のIDはほとんど常に間違っています。ワーキングレフェレンスをまったく保存する必要がある場合は、合理的な名前（たとえば、ロードするURL）を付けたり、インクリメンタルIDを使用したりしてください。
4. Do NOTstringifyウェブワーカーに投稿するデータ。おそらくより最適な方法で、ブラウザによって既に完了しています。データを何かに変換することは、人々がWebワーカーを使って行う最も一般的なばかげたことです。

質問を投稿するときにも、少なくともコードが意味をなさないことを確認してください。あなたのポストでは中括弧は一致しません。