2017-03-18 1 views
1

私はHerokuを通じてアプリケーションをデプロイしようとしています。これは、javascriptとcssを含むindex.htmlページです。 Githubリポジトリにデプロイメントメソッドとして接続しましたが、動作しないようです。Herokuでjavascriptとcssを使って単純なindex.htmlをホストするにはどうすればいいですか?

「heroku logs」と入力するたびに、 「npm ERR!missing script:start」が最初に表示されます。

私が検索したところからは、「start」:package.jsonの開始点として「somefile.js」を追加する必要があることがわかりましたが、これはjavascriptが呼び出された非常に単純なindex.htmlページですいくつかのボタンが押されるたびに。

どのように私はこれを過ぎる意味ですか?

答えて

0

Herokuは、動的サーバーバックエンドのない静的なWebサイトをホストするために実際には構築されていません。あなたがそれをしたいなら、Amazon S3、Netlifyなどのような適切な静的ファイルホストを使用する必要があります。

しかし、もしあなたがHerokuでこれをしたいのであれば、簡単なアプリケーション(ここでは、Rubyを使用して行う方法を示す記事です):https://devcenter.heroku.com/articles/static-sites-ruby

0

@rdeggesと合意するには、何らかの種類のhttpサーバーが必要です。基本的なノードのhttpサーバも同様に実装するのは簡単です。

フルチュートリアルが利用可能ですが、キーの手順は次のとおりです。

  1. あなたは[ノード、NPM、HerokuのCLI]がインストールされていることを確認してください。プロジェクトディレクトリのルートに
  2. npm initを実行します - (これはあなたのプロジェクトのrootディレクトリにpackage.jsonを作成します)
  3. ランnpm install --save express - (これはpackage.jsonファイルへの依存関係として明示追加されます)
  4. の作成ルートディレクトリにProcfileという名前のファイルがあります。 (内容:web: npm app.js
  5. ルートディレクトリにapp.jsという名前のファイルを作成します。 (下記内容)
  6. は、あなたの変更をコミットしHerokuのにプッシュ - それを行う必要がありますgit push heroku master

。すべてのファイルがapp.jsファイルに指定されているpublicというディレクトリにあることを確認するか、実際の場所を反映するように変更してください。

app.js:

​​

全チュートリアル:https://devcenter.heroku.com/articles/getting-started-with-nodejs#introduction

関連する問題