Azure App ServicesでReact.jsアプリを実行するにはどうすればよいですか?

Pure.Krome

ローカルホストで100%完全に機能するシンプルなReact.jsアプリがあります。

例えば-クローンgitのレポ-クローン化されたレポのルートフォルダに移動- npm install-npm startとブラウザが素晴らしいポート3000作品を切り開きます!

現在、このアプリをAzure App Service(正式にはAzure Webサイト)に接続しようとしています。

コードがgitリポジトリにあるため、Azure App Service / WebSiteをgitリポジトリに接続すると、コミットがプッシュされるとKUDUが起動します。したがって、gitデプロイメントWebhookは機能していますが、他に何も考えていません:(

これは私のpackages.jsonファイルです:

{
  "name": "Test Website",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.8.5"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-router": "^3.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

"build": "react-scripts build"?に注意してください これは、本番用にこのアプリを実際にビルドするために実行する必要のあるコマンドだと思います。

すなわち npm run build

Q1。

だから-どうすればgitcommit / pushでこれらの2つのステップを実行するために紺碧を得ることができますか?

  • npm install
  • npm run build

Q2。

startupファイルに特別なものを設定する必要がありますか?私が考えるnpm run buildに新しく作成されたすべてのファイルをスローし\buildたフォルダので、私は私がするスタートアップファイルをセットアップする必要がありますと仮定していますかbuild\index.html

乾杯!

ChadT

Kudu用に独自にカスタマイズしたデプロイメントスクリプトを作成する必要があります。幸いなことに、azure-cliツールの一部としてデプロイメントスクリプトジェネレーターがあります。

詳細については、Kudu wikiをご覧くださいhttps//github.com/projectkudu/kudu/wiki/Custom-Deployment-Script

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Azure Web Appの複数のアプリケーションインサイトの実行を停止するにはどうすればよいですか?

分類Dev

Azure App Serviceで階層的なアプリ設定を指定するにはどうすればよいですか?

分類Dev

Azure Mobile App win AzureAPIアプリを統合するにはどうすればよいですか

分類Dev

Azure App Serviceで長時間実行されているジョブを処理するにはどうすればよいですか?

分類Dev

Azure App Service Webアプリで最終的なappSettings値を表示するにはどうすればよいですか?

分類Dev

Azure App ServiceWebアプリをGoogleSQL Serverデータベースに接続するにはどうすればよいですか?

分類Dev

Azure App ServiceWebアプリをGoogleSQL Serverデータベースに接続するにはどうすればよいですか?

分類Dev

Azure Web App Serviceを複数の「サブWebアプリサービス」に分割するにはどうすればよいですか?

分類Dev

Azure App Serviceプランを一時停止するにはどうすればよいですか?

分類Dev

Azure App Serviceのメモリ使用量を確認するにはどうすればよいですか?

分類Dev

Azure Mobile App Servicesで認証をラップするようにクライアントメソッドを装飾するにはどうすればよいですか?

分類Dev

Azure App ServiceでDatadogエージェントを使用するにはどうすればよいですか?

分類Dev

Azure App Insightで、App Centerから追跡されたイベントのプロパティを取得するにはどうすればよいですか?

分類Dev

Azure App Service:どのプロセスが高いCPUを消費しているかを確認するにはどうすればよいですか?

分類Dev

Azure App Serviceで展開スロットスワップを実行するときに特定のフォルダーを保持するにはどうすればよいですか?

分類Dev

Azure App Serviceで展開スロットスワップを実行するときに特定のフォルダーを保持するにはどうすればよいですか?

分類Dev

Azure WebJobのApp.configを暗号化するにはどうすればよいですか?

分類Dev

c#コンソールアプリケーションをapp.configで実行するにはどうすればよいですか?

分類Dev

Azureでアプリを使用することに同意するにはどうすればよいですか?

分類Dev

Azure App Serviceに許可されるIPアドレスを指定するにはどうすればよいですか?

分類Dev

Azure CLIを使用してAzure Application InsightsをApp Service Springアプリケーションに適切に接続するにはどうすればよいですか?

分類Dev

PowerShellを使用してAzureで実行されているVMスクリプトのResourceIdを取得するにはどうすればよいですか?

分類Dev

Azure関数アプリでgzipを無効にするにはどうすればよいですか?

分類Dev

Azure Webアプリケーション(App Service / Webサイト)をネットワークセキュリティグループに接続するにはどうすればよいですか?

分類Dev

Azure Web Appデプロイメントスロットでデータベースを交換するにはどうすればよいですか?

分類Dev

Azure App Serviceスロット間でディレクトリを共有するにはどうすればよいですか?

分類Dev

PowerShell(azモジュール)を使用してAzure App Serviceにデプロイするにはどうすればよいですか?

分類Dev

Azure Webアプリでエラー500を解決するにはどうすればよいですか?

分類Dev

Azureで匿名関数アプリを作成するにはどうすればよいですか?

Related 関連記事

  1. 1

    Azure Web Appの複数のアプリケーションインサイトの実行を停止するにはどうすればよいですか?

  2. 2

    Azure App Serviceで階層的なアプリ設定を指定するにはどうすればよいですか?

  3. 3

    Azure Mobile App win AzureAPIアプリを統合するにはどうすればよいですか

  4. 4

    Azure App Serviceで長時間実行されているジョブを処理するにはどうすればよいですか?

  5. 5

    Azure App Service Webアプリで最終的なappSettings値を表示するにはどうすればよいですか?

  6. 6

    Azure App ServiceWebアプリをGoogleSQL Serverデータベースに接続するにはどうすればよいですか?

  7. 7

    Azure App ServiceWebアプリをGoogleSQL Serverデータベースに接続するにはどうすればよいですか?

  8. 8

    Azure Web App Serviceを複数の「サブWebアプリサービス」に分割するにはどうすればよいですか?

  9. 9

    Azure App Serviceプランを一時停止するにはどうすればよいですか?

  10. 10

    Azure App Serviceのメモリ使用量を確認するにはどうすればよいですか?

  11. 11

    Azure Mobile App Servicesで認証をラップするようにクライアントメソッドを装飾するにはどうすればよいですか?

  12. 12

    Azure App ServiceでDatadogエージェントを使用するにはどうすればよいですか?

  13. 13

    Azure App Insightで、App Centerから追跡されたイベントのプロパティを取得するにはどうすればよいですか?

  14. 14

    Azure App Service:どのプロセスが高いCPUを消費しているかを確認するにはどうすればよいですか?

  15. 15

    Azure App Serviceで展開スロットスワップを実行するときに特定のフォルダーを保持するにはどうすればよいですか?

  16. 16

    Azure App Serviceで展開スロットスワップを実行するときに特定のフォルダーを保持するにはどうすればよいですか?

  17. 17

    Azure WebJobのApp.configを暗号化するにはどうすればよいですか?

  18. 18

    c#コンソールアプリケーションをapp.configで実行するにはどうすればよいですか?

  19. 19

    Azureでアプリを使用することに同意するにはどうすればよいですか?

  20. 20

    Azure App Serviceに許可されるIPアドレスを指定するにはどうすればよいですか?

  21. 21

    Azure CLIを使用してAzure Application InsightsをApp Service Springアプリケーションに適切に接続するにはどうすればよいですか?

  22. 22

    PowerShellを使用してAzureで実行されているVMスクリプトのResourceIdを取得するにはどうすればよいですか?

  23. 23

    Azure関数アプリでgzipを無効にするにはどうすればよいですか?

  24. 24

    Azure Webアプリケーション(App Service / Webサイト)をネットワークセキュリティグループに接続するにはどうすればよいですか?

  25. 25

    Azure Web Appデプロイメントスロットでデータベースを交換するにはどうすればよいですか?

  26. 26

    Azure App Serviceスロット間でディレクトリを共有するにはどうすればよいですか?

  27. 27

    PowerShell(azモジュール)を使用してAzure App Serviceにデプロイするにはどうすればよいですか?

  28. 28

    Azure Webアプリでエラー500を解決するにはどうすればよいですか?

  29. 29

    Azureで匿名関数アプリを作成するにはどうすればよいですか?

ホットタグ

アーカイブ