APIからユーザーに大きなblobをダウンロードすると、完了するまでダウンロードが表示されません

したがって、ここで同じ問題を抱えている人々のために、私がしたことは次のとおりです。

これは私の作業設定用であることに注意してください。暗号化されたBLOBを格納するDBがあります。これは、ファイルストリームを介してAngularアプリにBLOBを提供するAPIです。

暗号化されていないAPIを使用している場合は、@ Paceで上記のようなことをwindow.open(urlToFile)またはで行うことができますwindow.location.href(urlToFile)。

私のAPIはヘッダーのBearerトークンを介した承認を必要とするため、私が行ったことは、要求されているファイルIDとともにトークンをチェックするエンドポイントを作成することです。次に、APIはGUID（またはある種の一意のID）を作成し、GUIDとファイルIDを一緒にリストに保存します。リストは、有効期限とともにMemoryCacheに保存されます。

これが完了すると、GUIDが作成されたOk応答が返されます。私はセキュリティの専門家ではありませんが、次の理由でセキュリティが確保される可能性があると思いますが、これは完全な解決策ではないと確信しています。

• GUIDを要求するには、ユーザーを認証する必要があります
• GUIDは特定のファイルIDに関連付けられています
• GUIDの有効期限が短い（1分など）
• GUIDは1回使用すると削除されます
• APIがGUIDを送り返すまでの時間と、GUIDを使用してAPIをコールバックするAngularアプリとの間の時間は非常に短いため、その時間枠の間に誰かがそれをジャックして、その使用方法を理解する方法がわかりません。

GUIDはAngularアプリに戻り、GUIDが戻ってきた後、呼び出しを呼び出しwindow.location.hrefて、GUIDとファイルIDを渡す別のエンドポイントに設定します。

このエンドポイントは認証を必要としないように構成されており、リストにあり、正しいGUIDが渡されたファイルのダウンロードのみを許可します。

たとえば、これは呼び出される私のサービスです。

getDownloadFile(fileId: number): Observable<any> {
    return this.http
      .get(this.downloadFileUrl + "/" + fileId, {
        headers: this.getHeaders() //Attaches bearer token
      })
      .pipe(
        tap(res => { //res = the GUID being returned from API
          window.location.href =
            this.downloadFileUrl + "/temp/" + fileId + "/" + res;
        })
      );
  }

ご覧のとおり、認証されたエンドポイントを呼び出し、GUIDを取得し、GUIDとファイルIDを使用して、現在のブラウザウィンドウのURLを一時エンドポイントにすぐに設定します。これは、Content Dispositionが正しく設定された状態で戻ってくるファイルストリームまたはBLOBであるため、Angularアプリから移動せず、ダウンロードマネージャーからダウンロードを開始するだけであることに注意してください。

これは、ブラウザがストリーミングAPIエンドポイントからのダウンロードを通常どおり処理できるようにする唯一の方法です。

ほとんどの小さなファイルは、APIを介して非常に高速にダウンロードされるため、ダウンロードが最初に開始されたかどうかがわからないため、実際には問題ではありません。通常、ダウンロードは瞬く間に行われるためですが、大きなファイルの場合は、 XHRを介してAPI呼び出しを行うと、リクエストが終了してからBAMが完了するまで、ユーザーはファイルがダウンロードされていることを示しません。突然、ダウンロードに150MBのファイルが表示されるようになりました。これも優れた方法です。Angularアプリを終了しても、アプリで終了する通常のAPI XHRサブスクリプションとは異なり、ダウンロードが継続されるためです。また、BLOBを含むXHRリクエストをタップして進行状況を追跡する方法も見つけましたが、Angularアプリ内に独自のダウンロードマネージャーを作成する必要があり、ほとんどのユーザーが期待するブラウザーのデフォルトを使用しないでください。