Heroku に lwc のサンプルをデプロイしてみた

ほんのちょっとだけ試してみたものを載せてみます

lwc-recipe-oss のクローン

サンプルとしてこれを使ってみます。

1. クローンしてパッケージをインストール

   $ git clone https://github.com/trailheadapps/lwc-recipes-oss.git
   $ cd lwc-recipes-oss
   $ npm install
   

2. ローカルで動かす

   $ npm run watch
   

heroku にプッシュしてみる

レシピにはすでに Procfile があったので、git init で Git 管理して動かせば行けそうです。

1. Git 管理の対象とする

   $ git init
   

2. Heroku のアプリを作成する

   $ heroku apps:create lwc-sample
   

3. Heroku のリモートリポジトリに登録する

   $ git remote add heroku https://git.heroku.com/lwc-sample.git
   

   とやったらfatal: remote heroku already exists.と出てきてしまっていました。
   すでに登録されているようだったので、気にせず次へいってみます。

4. Heroku にプッシュ

   $ git push heroku master
   

プッシュが終わったら https://lwc-sample.herokuapp.com/ にアクセスします。

とまあ、本当に試しただけですが、ありもので上手く動きました。