Angularのポート番号はいくつですか？

Angularのアプリケーションをローカルで実行する場合、既定のポート番号は 4200 です。このポート番号は、Angular CLIが新しいプロジェクトを作成した際に自動で設定されます。以下では、Angularのアプリケーションがどのようにしてこのポート番号を使用するかについて説明し、サンプルコードを示します。

Angularで使用されるポート番号

Angular CLIを使用してアプリケーションを作成し、実行する際、通常は次のコマンドを使用します:

ng serve

このコマンドを実行すると、アプリケーションはデフォルトでポート4200で起動され、以下のようにローカルサーバーでアプリケーションを確認できます:

http://localhost:4200

ポート番号の変更

状況に応じて、必要に応じてポート番号を変更することができます。例えば、別のプログラムが4200番ポートを既に使用している場合などです。そのためには、以下のようにコマンドにオプションを追加します:

ng serve --port 4201

上記のコマンドを実行すると、アプリケーションはポート4201で起動されます。

サンプルコード

以下にAngularの基本的なサーバー設定のコード例を示します。これにより、Angularアプリケーションがどのようにしてポートを使用するかが明確になります。

<cliHost>
     <defaultPort>4200</defaultPort>
    </cliHost>

参考文献

詳細については、Angularの公式ドキュメントを参照してください。以下に公式ドキュメントのリンクを示します:

Angular CLIサーブドキュメント

その他の参考記事:angular チュートリアル