[解決済み] angular-cli が HTTPS で ng serve するようにする。
2022-10-05 23:04:18
質問
下記は何もしていないようです。
ng serve --ssl true --ssl-key <key-path> --ssl-cert <cert-path>
証明書と鍵をデフォルトのsslディレクトリに提供して作成しても、まだ何も起こりません。
次のように表示されます。
ng server
は完全に無視され
--ssl
パラメータを無視して
NG Live Development Server is running on http://localhost:4200.
どのように解決するのですか?
Angular CLI 6+
私は自分のプロジェクトを更新したので、この回答も更新できると思いました。
これで、以下のようにangular.jsonファイルに鍵と証明書のパスを入れることになります。
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"projects": {
"<PROJECT-NAME>": {
"architect": {
"serve: {
"options": {
"sslKey": "<relative path from angular.json>/server.key",
"sslCert": "<relative path from angular.json>/server.crt",
...
}, ...
}, ...
}, ...
}, ...
}, ...
}
そして、実行します。
ng serve --ssl
もし、デフォルトでSSLを有効にしたいのであれば "ssl": trueを指定します。 オプションのすぐ下に sslKey と sslCert .
angular.jsonのスキーマは以下の場所で見ることができます。 Angular CLI ドキュメント .
Angular CLI 1.0.0+のための古い回答です。
Angular-CLIは、SSLオプションで動作するようになりました。あなたが指摘したように、コマンドで使用したいキーと証明書を手動で選択することができます。
ng serve --ssl --ssl-key <key-path> --ssl-cert <cert-path>
もし鍵や証明書のデフォルトパスを設定したい場合は、.angular-cli.jsonファイルのDefaultsセクションを適宜変更してください。
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"defaults": {
"serve": {
"sslKey": "<relative path from .angular-cli.json>/server.key",
"sslCert": "<relative path from .angular-cli.json>/server.crt",
...
}, ...
}, ...
}
そして、実行します。
ng serve --ssl
もし、デフォルトでSSLを有効にしたいのであれば "ssl": trueを指定します。 オプションのすぐ下に sslKey と sslCert .
関連
-
[解決済み] HTTPSのURLは暗号化されていますか?
-
[解決済み] Angular HTMLバインディング
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angular CLI のグローバルバージョンがローカルバージョンより大きい
-
[解決済み] HttpClient over HTTPSを使用してすべての証明書を信頼する
-
[解決済み] Angular CLI SASSオプション
-
[解決済み】ファイアウォール越しにHTTPSでGitHubにアクセスしようとすると、SSL証明書が拒否される。
-
[解決済み] Angular2でNgForがPipeでデータを更新しない。
-
[解決済み] dataSource' は 'table' の既知のプロパティではないので、バインドできません。
-
[解決済み] ng2 - ng-containerタグとng-templateタグの違い
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] angular-cliのビルドでカスタムファイルをインクルードするには?
-
[解決済み] 継承と依存性注入
-
[解決済み] Angular2でNgForがPipeでデータを更新しない。
-
[解決済み] .tsファイルはTypeScriptのコンパイルの一部ですが、使用されていませんという警告を消すには?
-
[解決済み] プロパティ 'X' はプライベートであり、クラス 'xyzComponent' 内でのみアクセス可能です。
-
[解決済み] Angular CLIで特定のバージョンのAngularをインストールするには?
-
[解決済み] ルーターナビゲートで同じページのngOnInitを呼び出さない
-
[解決済み] angular4 / typescriptでdocument.getElementByIdの置き換え?
-
[解決済み] Angular2 bodyタグにクラスを追加する
-
[解決済み] 遅延のあるobservableを作成するには?