ホームページ > ウェブフロントエンド > jsチュートリアル > ヨーマン/角度アプリをHerokuに展開します

ヨーマン/角度アプリをHerokuに展開します

尊渡假赌尊渡假赌尊渡假赌
リリース: 2025-02-23 10:51:09
オリジナル
959 人が閲覧しました

ヨーマン/角度アプリをHerokuに展開する:ステップバイステップガイド

Deploying a Yeoman/Angular app to Heroku

ヨーマン駆動のAngularjsアプリケーションを世界と共有する準備はできていますか? このチュートリアルは、Herokuに展開することをガイドします

前提条件:

    コマンドラインの習熟度。
  • node.jsおよびnpmインストール
  • HerokuアカウントとHeroku Toolbelt。
  • ヨーマンで生成された静的アプリケーション。

プロジェクトファイル:

完全なサンプルプロジェクトリポジトリが利用可能です

こちら。 (利用可能な場合はを実際のリンクに置き換えます)https://www.php.cn/link/52a8ed6a81c88856e206aa74759a4103

展開手順:

  1. ノードパッケージのインストール:Herokuにはサーバーが必要なので、node.jsを使用します。必要なパッケージをインストールします:

    npm install gzippo express --save
    ログイン後にコピー

    gziptespアセットを提供し、gzippoサーバーの作成を簡素化します express

  2. サーバーファイル(web.js)を作成:

    プロジェクトのルートディレクトリでファイルを作成: web.js

    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);
    ログイン後にコピー
  3. アプリケーションの構築:

    展開する前に、AngularJSアプリケーションを作成します:

    これにより、最適化されたアプリケーションファイルを含む
    grunt build
    ログイン後にコピー
    ディレクトリが生成されます。 重要なのは、Herokuが展開にgitを使用しているため、

    ファイルからdist/を削除します。 dist/ .gitignore

  4. Procfileを作成します:
  5. ルートディレクトリにA

    (拡張機能なし)を作成: Procfileこれは、Herokuにnode.jsサーバーを実行するように指示します

    <code>web: node web.js</code>
    ログイン後にコピー

    gitを初期化し、herokuに展開する:
  6. を希望のHerokuアプリケーション名に置き換えます

    git init
    git add .
    git commit -m "Initial Commit"
    heroku create <your_app_name>
    git push heroku master
    ログイン後にコピー

    <your_app_name>アプリをスケーリングします(必要に応じて):

    問題が発生した場合は、Web Dynosをスケーリングしてください:
  7. 展開されたアプリを開きます:
    heroku ps:scale web=1
    ログイン後にコピー
  8. よくある質問(FAQ):
    heroku open
    ログイン後にコピー
元のFAQセクションは、十分に構造化されており、包括的です。 冗長性を避けるために、ここで書き直しません。 提供された答えはすでに優れています。 特定のFAQが拡張または明確にされている必要がある場合は、尋ねてください!

以上がヨーマン/角度アプリをHerokuに展開しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート