ホームページ >ウェブフロントエンド >jsチュートリアル >ヨーマン/角度アプリをHerokuに展開します
ヨーマン/角度アプリをHerokuに展開する:ステップバイステップガイド
ヨーマン駆動のAngularjsアプリケーションを世界と共有する準備はできていますか? このチュートリアルは、Herokuに展開することをガイドします
前提条件:
プロジェクトファイル:
完全なサンプルプロジェクトリポジトリが利用可能ですこちら。 (利用可能な場合はを実際のリンクに置き換えます)https://www.php.cn/link/52a8ed6a81c88856e206aa74759a4103
展開手順:
ノードパッケージのインストール:Herokuにはサーバーが必要なので、node.jsを使用します。必要なパッケージをインストールします:
<code class="language-bash">npm install gzippo express --save</code>
gziptespアセットを提供し、gzippo
サーバーの作成を簡素化します
express
プロジェクトのルートディレクトリでファイルを作成:
web.js
<code class="language-javascript">var gzippo = require('gzippo'); var express = require('express'); var app = express(); app.use(express.logger('dev')); app.use(gzippo.staticGzip("" + __dirname + "/dist")); app.listen(process.env.PORT || 5000);</code>
展開する前に、AngularJSアプリケーションを作成します:
これにより、最適化されたアプリケーションファイルを含む<code class="language-bash">grunt build</code>ディレクトリが生成されます。 重要なのは、Herokuが展開にgitを使用しているため、
ファイルからdist/
を削除します。
dist/
.gitignore
(拡張機能なし)を作成:
Procfile
これは、Herokuにnode.jsサーバーを実行するように指示します
<code>web: node web.js</code>gitを初期化し、herokuに展開する:
を希望のHerokuアプリケーション名に置き換えます
<code class="language-bash">git init git add . git commit -m "Initial Commit" heroku create <your_app_name> git push heroku master</your_app_name></code>
<your_app_name></your_app_name>
アプリをスケーリングします(必要に応じて):
展開されたアプリを開きます:
<code class="language-bash">heroku ps:scale web=1</code>
よくある質問(FAQ):
<code class="language-bash">heroku open</code>
以上がヨーマン/角度アプリをHerokuに展開しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。