如何在Heroku上託管一個帶有一些javascript和css的簡單index.html？

Question

我想通過Heroku部署一個應用程序，它只是一個與一些JavaScript和CSS的index.html頁面。 我已經將我的Github存儲庫連接到它作爲部署方法，但它似乎從來沒有工作。

每當我輸入「heroku日誌」時，它會反彈回來： 「npm ERR！missing script：start」第一次。

從我搜索的東西，它告訴我，我需要添加「開始」：「somefile.js」作爲package.json的起點，但這是一個非常簡單的index.html頁面與JavaScript調用無論何時按下幾個按鈕。

我是怎麼想過去的？

Answer 1

Heroku並非真正用於託管沒有動態服務器後端的靜態網站。如果你想這樣做，你應該考慮使用適當的靜態文件主機，如亞馬遜S3，Netlify等。

但是，如果你想在Heroku上做到這一點，你可以通過創建一個真正的簡單的應用程序（這裏是一篇文章，告訴你如何使用Ruby做到這一點）：https://devcenter.heroku.com/articles/static-sites-ruby

Answer 2

同意@rdegges，你需要某種類型的http服務器。基本節點http服務器也很容易實現。

一個完整的教程是可用的，但關鍵的步驟是：

1. 請確保您有[節點，NPM，Heroku的CLI]安裝。
2. 在項目的根目錄下，運行npm init - （這將創建一個在你的項目根目錄下的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