問題タブ [angularjs-http]

angular アプリのセレン テストを作成するときに、タイミングの問題が発生します。$http次のステップが実行される前に完了する必要がある保留中のリクエストがあります。

jQueryを使用する場合は、保留中のリクエストがあるかどうかを確認するために次の操作を実行できます。

AngularJSにも同様のものが存在しますか?

angular-http-auth パッケージを使用しています。これは、Angular の HTTP インターセプターであり、401 非承認リクエストを検出し、リクエストを遅延させ、その前に承認を実行できるようにします。

ただし、承認は別の要求であり、401 エラーをトリガーする可能性があるという問題があります。これらのリクエストはキャンセルしたいので、再発行します。

本質的に、私はそのようなイベントを受け取ります:

event は JSeventオブジェクトでhttpHeaderあり、401 されたリクエストに関するデータのセットです。

httpHeader の例:

したがって、私は分析し、できれば受信したイベント情報httpHeader.config.urlに基づいて、いくつかの特定の URL 要求をキャンセルしたい場合があります (他の保留中の要求はそのままにして待機します) 。httpHeaderどうすればそれができますか？

Pivotal Tracker のストーリーを取得するアプリケーションを開発しようとしています。まず、Pivo​​tal Tracker トークンを取得するために基本認証を行う必要があります。

PHP cURLを使用して、私はこのようにやっています、

これをAngularで実現したい。私が試してみました、

しかし、それは示しています、

やり遂げるための提案はありますか？

前もって感謝します。:)

シークレット トークンを含む認証ヘッダーを使用して、Web サービスに対する認証を行うのが一般的です。そして、このメカニズムのセキュリティは秘密のトークンに依存するため、このトークンが漏洩しないように注意する必要があります。

このような認証ヘッダーを angular を使用して設定する方法を説明するチュートリアルがウェブ上に無数にあります。

CORS のおかげでクロスドメインと通信できるパブリック API とプライベート API がいくつかあります。そして明らかに、これらのリクエストで内部認証トークンを送信したくありません。

リクエストごとにのみトークンを手動で設定するなど、他のいくつかの手法が思い浮かびますが、それは多くの重複コードを意味します。$http サーバーを $authenticatedHttp サービスにラップして、認証済みサービスであるか通常のサービスであるかにかかわらず、使用されるオブジェクトから常に見えるようにすることができます。ただし、$http サービスには、ラップするメソッドが非常に多くあります。

より良い解決策はありますか？

アップデート

回答を見ると、私の質問が理解されていなかったという印象があります。より具体的な例で試してみます。

私はプライベートなウェブページを持っています。人々はユーザー名/パスワードでログインする必要があります。簡単にするために、HTTP 基本認証を使用するとします。そのため、ユーザー名/パスワードは bas64 でエンコードされ、HTTP ヘッダー "Authorization" のすべての要求で送信されます。これまでのところ問題はありません。

しかし、この素晴らしい無料の天気ウィジェットがあります。https://myWhateverWeatherService.tld/weather.jsonから現在の天気情報を JSON 形式で取得できます。プライベート Web サービスにログインした後、天気情報も取得します (CORS を使用すると、これを実行できます)。

問題は、myWhateverWeatherService.tld が認証をまったく必要としないにもかかわらず、Angular の $http サービスが Authorization ヘッダーを追加することです。それに、myWhateverWeatherService.tld の人たちも信用できません。たぶん、彼らはサービスをセットアップしただけなので、認証トークンを盗んで、それらを使って多くの厄介なことを行うことができます.

それに対処するための信頼できる方法が必要です。インターセプターで正規表現を使用してURLをチェックすることはすでに考えていました。これは可能ですが、正規表現が見逃す特定のケースを忘れることも難しくありません。

実行時に変数の $scope.reserved を使用できないのはなぜですか? テンプレートの {{reserved}} は ок ですが、コントローラーの値は未定義です。

次のコードがあります

サービス：

コントローラ

クラスが $scope の変数の値に依存する必要がある 1 つの要素を含む部分的なビューがあります。

コントローラーで、$http を使用して led の初期値をロードします。

私の問題は、ページを開いた後に led 変数が更新されますが、CSS クラスが更新されないことです。$scope.$apply() を追加しても解決しません (エラー: error:inprog アクションは既に進行中です)。そのような問題の解決策はありますか？

私はモバイルアプリを作成しており、ユーザーログインを処理するコントローラーを持っています。ユーザーが有効かどうかを確認するために、(現在は localhost に対して) http 呼び出しを行います。何らかの理由で $http 呼び出しを開始せず、コンソールには失敗について何も表示されません。私は AngularJS を初めて使用し、コードで初歩的なミスを犯した可能性があります。Ionic Framework で AngularJS を使用しています。

これは私のLoginControllerです：

コンソールに最後に表示されるのはContacting API server....

{ "valid": true }API を手動でテストしたところ、本来のようにjson が返されます。