ユーザー登録で「300円クーポン」プレゼント!まずは無料登録から!
募集をシェアしてメンターを探そう
シェア
エンジニア firabase Vue.js/Nuxt.js

firebase deployで環境変数を切り替えたい

2020年11月18日
予算
〜 5,000円
提案数
1人が提案中

# firebase deployで環境変数を切り替えたい

## 現状
・firebaseを使ってnuxtでfacebookログインを実装しています。
・firebaseのprojectは本番と開発用二つ用意しています。
・yarn devやyarn buildでは環境変数の切り替えはできています。

## 起きていること


```package.json
"build:dep": "firebase use develop && cross-env NODE_ENV=dev nuxt build && npm run build:copy:ssr",
"build:copy:ssr": "rimraf functions/ssr && mkdirp functions/ssr && cp -R .nuxt/dist functions/ssr/dist",
```
deploy前に上記のようなscriptを走らせて開発projectにdeployする準備をします。
その後、firebase deployをすると開発projectにdeployはできるのですが、**facebookログインのOAuthリダイレクトURIが本番のURIを参照してしまいます。**

開発環境ではOAuthリダイレクトURIも開発用のURIを参照するようにしたいのですが、firebase deployでは環境変数はproductionを参照してしまうのでしょうか?
この辺りの知見について教えていただけると幸いです。



## 条件

単発:5000円

メンティーに提案してみましょう
募集をシェアしてメンターを探そう
シェア