3

コマンドを使用するとng serve、コンパイル プロセス中に次のメッセージが表示されます。

** NG Live Development Server is running on http://localhost:4200** <==== @angular/cli の古いバージョン

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/** <==== @angular/cli の最新バージョン

https プロトコルを使用するように localhost の開発サーバーを構成することは可能ですか? つまり、ブラウザでは次の URL が URL として正しく機能します。

https://localhost:4200

以下に示すコマンドを試行しましたが、それでも http プロトコルを使用する結果になります。

ng serve my-app —-ssl true --ssl-cert "./ssl/localhost.crt" --ssl-key "./ssl/localhost.key" --open

ノート：

  1. Mac El Capitan 環境用の SSL 証明書を提供するための適切な手順に従いました (node.js と Express を使用する https URL を持つサーバーを起動することにより、SSL 証明書の正しい構成が確認されました)。

  2. この結果は、@angular/cli バージョン 1.0.0-rc.4 と 6.2.5 の両方で観察されました。

  3. https://localhost:4200で動作するように localhost 開発サーバーを構成できなかったのはなぜですか?

  4. この問題を解決する動機は、アプリへのログインに Facebook を使用しており、https ページから Facebook API 呼び出しを行う必要があるためです。https 経由で動作する Angular アプリの製品版があります。ただし、コードを開発してテストしようとするときは、localhost を使用してテストを実行しています。これを行うには、テスト環境が https コンテキストで動作する必要があります。

4

1 に答える 1