ReactアプリをSAP BTP（Cloud Foundry）へデプロイする方法：①buildpack指定

やりたいこと

・前回CloudScapeを導入したReactアプリをSAP BTPへデプロイする
(CloudScapeなしの状態でも、SAP BTPへデプロイ方法は同じ)

やり方

まず、ローカルでReactアプリを作成し（作成方法は割愛）、ビルドしたうえ、

 npm run build

Cloud Foundryへデプロイする設定ファイルmanifest.yml を、必要最小限で、以下のように設定してください～

manifest.yml

---
applications:
- name: app-name
path: build/
instances: 1
buildpack: https://github.com/cloudfoundry/staticfile-buildpack.git
memory: 256M

少し注意点を説明すると、
・「name」はお好きなアプリネームにする
・「path」はReactのTopフォルダじゃなく、かならずビルドして作られた「build」フォルダへ指定
・「buildpack」はかならずそのURLを指定（CloudFoundryのインスタンスをWebサーバとするため）、buildpack未指定の場合、デフォルトはnodejsの環境となりReactアプリは動けない

そして、通常通りのプッシュ

cf push

プッシュが無事成功したら、SAP BTP Cockpitを開き確認すると、このようにアプリができて、

アプリのインスタンスをクリックし、さらにApplication Routesをクリックすると、
（buildpackがちゃんとmanifest.ymlで指定されたやつとなってるね）

作ったReactアプリがブラウザで開けた！

参考サイト