SupaBaseのDBにアクセスするアプリをGithubActionsを用いてbuild後deployした際に
真っ白のページが表示されてしまった時のメモです。
※SecrertsにはSUPABASE_URLとSUPABASE_ANON_KEYを保存してあります
原因：.envの環境変数から SUPABASE_URL と SUPABASE_ANON_KEY を取り出すことができない
失敗例#デプロイの時に渡そうとしてる
name: Push deploy
on:
push:
branches:
- main
workflow_dispatch:
jobs:
build:
name: Build
runs-on: ubuntu-latest
steps:
...
- name: Run build
run: npm run build
...
deploy:
name: Deploy to Firebase Hosting
runs-on: ubuntu-latest
needs: build
steps:
...
- name: Deploy to Firebase Hosting
run: |
./node_modules/.bin/firebase deploy --only hosting
env:
FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
FIREBASE_CLI_EXPERIMENTS: webframeworks
VITE_SUPABASE_URL: ${{ secrets.SUPABASE_URL }}
VITE_SUPABASE_ANON_KEY: ${{ secrets.SUPABASE_ANON_KEY }}
...
成功例#npm run build の時に渡す
name: Push deploy
on:
push:
branches:
- main
workflow_dispatch:
jobs:
build:
name: Build
runs-on: ubuntu-latest
steps:
...
- name: Run build
env:
VITE_SUPABASE_URL: ${{ secrets.SUPABASE_URL }}
VITE_SUPABASE_ANON_KEY: ${{ secrets.SUPABASE_ANON_KEY }}
run: npm run build
...
deploy:
name: Deploy to Firebase Hosting
runs-on: ubuntu-latest
needs: build
steps:
...
- name: Deploy to Firebase Hosting
run: |
./node_modules/.bin/firebase deploy --only hosting
env:
FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
FIREBASE_CLI_EXPERIMENTS: webframeworks
...
無事にgit pushでdeploy出来ました