学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

募集をシェアしてメンターを探そう
シェア

※ この募集は締め切られました。

サーバーサイド

netlifyのデプロイで詰まっています。

2025年7月7日
単発
予算
10,000円
提案数
3人が提案中
応募期限
終了

【教えてもらいたいこと】
プログラミング/サーバーサイド

【具体的な相談内容】
# Firebase認証エラー解決のための相談概要

## 目的
Next.js + FirebaseアプリのNetlifyデプロイにおけるFirebase認証エラーの解決

## 背景・現在の状況

### プロジェクト概要
- **アプリケーション**: ポートフォリオシミュレーション(Next.js 13.5.11 + Firebase)
- **Firebase プロジェクト**: `portfolio-simulation-93c72`
- **ローカル環境**: http://localhost:3000(正常動作)
- **本番環境**: https://simulate-portfolio.netlify.app(エラー発生)

### 発生している問題
**Netlify本番環境でのみFirebase認証が失敗**
```
Error: API key not valid. Please pass a valid API key.
Status: 400 Bad Request
URL: https://identitytoolkit.googleapis.com/v1/accounts:signInWithPassword
```

### 確認済み事項(問題なし)
- ✅ **APIキー**: `AIzaSyB9XQk4HwZul7PDvxfgPwz6jU5J6DUMAXc`(ローカル・本番で一致)
- ✅ **Firebase認証済みドメイン**: `simulate-portfolio.netlify.app`が登録済み
- ✅ **Google Cloud Console**: API制限を「キーを制限しない」に設定済み
- ✅ **Netlify環境変数**: 6つのFIREBASE設定がすべて正しく設定済み
- ✅ **Firebase設定**: Email/Password認証が有効
- ✅ **ローカル環境**: 同じAPIキーで認証成功

### 詳細なデバッグ結果(Netlify環境)
```javascript
=== 環境詳細分析 ===
現在の環境: production
NEXT_PUBLIC_FIREBASE_API_KEY: AIzaSyB9XQk4HwZul7PDvxfgPwz6jU5J6DUMAXc
API_KEY長さ: 39
Firebase Config有効?: true
process.env keys count: 0 // Next.jsビルド時の正常動作
```

### 試行した解決策
1. **API制限の解除**: Google Cloud Consoleで「キーを制限しない」に変更
2. **環境変数の再設定**: Netlifyで環境変数を削除・再作成
3. **認証済みドメインの確認**: Firebase Consoleで適切に設定されていることを確認
4. **再デプロイ**: 設定変更後の複数回の再デプロイ実行

## 相談したい点

**同じAPIキー・同じ設定なのに、ローカル環境では成功、Netlify環境では400エラーになる原因と解決策**

### 特に不可解な点
- Firebase設定は完全に正しく読み込まれている
- APIキー制限も解除済み
- ネットワークリクエスト自体は正常に送信されている
- Firebaseの認証済みドメインも正しく設定されている

この状況で考えられる原因や、さらに確認すべき設定項目があれば教えてください。
【目安予算】
10000円

募集をシェアしてメンターを探そう
シェア