herokuにログイン

ログイン

heroku login

Enter your Heroku credentials.
Email: メールアドレス
Password (typing will be hidden): 
Authentication successful.

ログアウト

heroku logout
Local credentials cleared.

herokuのアプリのHOSTを変更

heroku config:set --app <アプリ名> HOST=0.0.0.0

pagekage.jsonのdevDependenciesをインストールするために

heroku config:set NPM_CONFIG_PRODUCTION=false

package.jsonのscripts

priinstallでbuildするようにする。
startでサーバーを起動する

--

"scripts": {
    "postinstall": "$(npm bin)/gulp build --minify=true",
    "start": "$(npm bin)/gulp webserver",
},

基本的にはdeployされるとnpminstallされそのあとにpostinstallが走り
終わったらstartが実行されるという流れのようです。

gulpのserverの設定を変更する

gulp.task('webserver', () => {
    connect.server({
        root: config.dest,
        livereload: true,
        host: process.env.HOST || 'localhost',
        port: process.env.PORT || 8000
    });
});

もろもろ設定が終わったら

herokuの「Manual deploy」より「Deploy Branch」を押して現在のリポジトリをデプロイしましょう。

参考

Heroku上でもgulp-webserverを使う
sprocketsではなくnodejsを使うRailsアプリをHerokuにデプロイする方法