魔法とストライプで有料メンバーシップサイトを構築:PT.4 - Herokuへの配備

これは、魔法とストライプシリーズと有料のメンバーシップサイトをビルドの最終的な部分です.次の記事を読む前に必ず確認してください.

ストライプと魔法を設定します.

.

.

Herokuへの配備

プロジェクトの作成
🚀 Herokuであなたのアプリを展開したいですか?最初にinstall the Heroku CLI . その後、実行heroku create 新しいHerokuプロジェクトを生成します.それはあなたのHerokuアプリのURLを返します.

$ heroku create

Creating app... done, ⬢ cryptic-waters-25194
https://cryptic-waters-25194.herokuapp.com/ | https://git.heroku.com/cryptic-waters-25194.git

config vars (. env )を設定する
さあ、生産を決めましょう.我々のアプリの変数env.Herokuであなたの新しいプロジェクトを見つけて、セッティングに行ってください.Herokuでは、我々は設定します.設定varsの下のenv変数.クリックReveal Config Vars クライアントとサーバ側の環境変数の両方を入力します.

サーバーを更新します.js
以下をあなたのものに加えてくださいserver.js Herokuがあなたのアプリを構築する方法を知っているようにファイルします.

/* File: server.js */

// For heroku deployment
if (process.env.NODE_ENV === 'production') {
  app.use(express.static('client/build'));
  app.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html'));
  });
}

アップデートパッケージ.JSON
インpackage.json , これを加えるscripts 対象:

/* File: The server's package.json */

"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client"

次に、次のコマンドを実行してアプリケーションを配備できます.

$ git add .
$ git commit -m 'your message'
$ git push heroku master

Herokuあなたのライブアプリケーションへのリンクを与えてください.おめでとう!🎉

アウトロ
今日はこれだ!あなたがストライプXマジックの上でより多くのチュートリアルを望むならば、下記のコメント部で知らせてください.
今度まで🙋🏻‍♀️ ♡.