メインコンテンツへスキップ
バージョン: v8

ionic serve

アプリの開発/テストのためのローカル開発サーバーを起動します

$ ionic serve [options]

ブラウザで起動する開発サーバーを簡単に立ち上げることができます。ソースファイルの変更を監視し、更新されたビルドで自動的にリロードします。

デフォルトでは、ionic servelocalhostで開発サーバーを起動します。LANでサービスを提供するには、--externalオプションを指定します。これにより、すべてのネットワークインターフェースが使用され、アプリがサービスを提供している外部アドレスが表示されます。

ionic serveはAngular CLIを使用します。アプリの提供に関するすべてのAngular CLIオプションを表示するには、ng serve --helpを使用します。説明については、ng serve ドキュメントを参照してください。以下にリストされていないオプションは高度なオプションと見なされ、Ionic CLI引数の後に--セパレーターを使用してAngular CLIに渡すことができます。例を参照してください。

開発サーバーは、--sslオプション(実験的)を介してHTTPSを使用できます。HTTPSにはいくつかの既知の問題があります。issue #3305を参照してください。

オプション

  • --ssl: 開発サーバーにHTTPSを使用します

  • --prod: production構成を使用するフラグ

  • --external: すべてのネットワークインターフェースで開発サーバーをホストします(例:--host=0.0.0.0

  • --no-livereload: 開発サーバーを起動せず、ファイルを提供するだけです

  • --no-open: ブラウザウィンドウを開きません

高度なオプション

  • --consolelogs: アプリのコンソールログをターミナルに出力します

  • --consolelogs-port=<port>: コンソールログサーバーに特定のポートを使用します

  • --configuration=<conf>: 使用する構成を指定します。(または-c

  • --source-map: ソースマップを出力します

  • --host=<host>: 開発サーバーに特定のホストを使用します

  • --port=<port>: 開発サーバーに特定のポートを使用します(または-p

  • --public-host=<host>: ブラウザまたはウェブビューに使用されるホスト

  • --browser=<browser>: 使用するブラウザを指定します(safarifirefoxgoogle chrome)(または-w

  • --browseroption=<path>: 開くパスを指定します(/#/tab/dash)(または-o

$ ionic serve 
$ ionic serve --external
$ ionic serve -- --proxy-config proxy.conf.json