# App Hosting で .env を使わずに環境変数を適用する方法

## 目次
1. はじめに
2. Firebase App Hosting の基本
   1. Firebase App Hosting の概要
   2. 環境変数の基本概念
3. 環境変数の設定方法
   1. Google Cloud Secret Manager の利用
   2. App Hosting の設定と権限管理
   3. Next.js における設定ファイルの構成
4. 環境変数の適用とデプロイ
   1. シークレットの使用方法
   2. デプロイプロセスの最適化
5. バックエンドの管理と構成
   1. `apphosting.yaml` の詳細設定
   2. Cloud Run を利用したバックエンド構成
6. まとめ

## 1. はじめに
アプリケーションをホスティングする際には、環境変数の使用が不可欠です。環境変数は、APIキーや機密情報を管理する上で重要な役割を担いますが、これを直接`.env`ファイルで管理することはセキュリティリスクを伴うことがあります。そこで、Firebase App Hosting を利用し、.envファイルを使わずに安全に環境変数を管理・適用する方法を解説します。

## 2. Firebase App Hosting の基本
### 2-1. Firebase App Hosting の概要
Firebase App Hosting は、静的および動的なウェブアプリケーションを迅速にデプロイできるプラットフォームです。React、Angular、Vue.js、Next.jsなどのフレームワークをサポートし、Google Cloud のインフラを活用して安定したホスティング環境を提供します。

### 2-2. 環境変数の基本概念
環境変数は、アプリケーションのビルドや実行環境において設定されるパラメータで、プロジェクトのセキュリティと機密性を保持しつつ、異なる環境で動作をカスタマイズするために使われます。

## 3. 環境変数の設定方法
### 3-1. Google Cloud Secret Manager の利用
Google Cloud Secret Manager は、APIキーやDBパスワードなどのシークレット情報をセキュアに保存できます。Firebase App Hosting プロジェクトと同じプロジェクト内で設定し、機密情報へのアクセスを制御します。

![img](/mosaic-code.jpg)

### 3-2. App Hosting の設定と権限管理
IAM設定により、Firebase App Hosting が Secret Manager のシークレットにアクセスできるようにします。この設定により、アプリケーションはデプロイ時にシークレット情報を安全に取得できます。

1. IAM & 管理コンソールで Firebase App Hosting の権限を編集し、Secret Manager へのアクセスを許可します。
2. 必要なロールを追加して設定を保存します。

### 3-3. Next.js における設定ファイルの構成
Next.js プロジェクトでの Firebase 設定ファイルを適切に構成します。

![img](/mosaic-code.jpg)

## 4. 環境変数の適用とデプロイ
### 4-1. シークレットの使用方法
シークレットは、自動的にランタイム環境に注入されます。必要な環境変数はプログラム内で参照できるため、`.env`ファイルの代替として安全かつ効果的に機能します。

### 4-2. デプロイプロセスの最適化
最適なデプロイを実現するために、Firebase CLI及びGoogle Cloudのデプロイ機能を組み合わせて利用し、環境変数の取り扱いを適切に管理します。

## 5. バックエンドの管理と構成
### 5-1. `apphosting.yaml` の詳細設定
`apphosting.yaml` ファイルでの構成により、CPUやメモリ、同時実行数などのランタイム設定を細かく管理し、パフォーマンスを最適化できます。

### 5-2. Cloud Run を利用したバックエンド構成
必要に応じて、Cloud Runを利用してさらなる拡張性を持たせることも可能です。これにより、アプリケーションのスケーラビリティを確保できます。

## 6. まとめ
本記事では、Firebase App Hosting で .envファイルを使わずに環境変数を適用する方法を詳述しました。Google Cloud Secret Manager や IAM 設定を活用し、安全かつ効率的に機密情報を管理できます。これにより、開発者はデプロイと運用のプロセスを簡素化し、セキュリティ対策を強化することが可能になります。

[cv:issue_marketplace_engineer]

# App Hosting で .env を使わずに環境変数を適用する方法

## 目次
1. はじめに
2. Firebase App Hosting の基本
   1. Firebase App Hosting の概要
   2. 環境変数の基本概念
3. 環境変数の設定方法
   1. Google Cloud Secret Manager の利用
   2. App Hosting の設定と権限管理
   3. Next.js における設定ファイルの構成
4. 環境変数の適用とデプロイ
   1. シークレットの使用方法
   2. デプロイプロセスの最適化
5. バックエンドの管理と構成
   1. `apphosting.yaml` の詳細設定
   2. Cloud Run を利用したバックエンド構成
6. まとめ

## 1. はじめに
アプリケーションをホスティングする際には、環境変数の使用が不可欠です。環境変数は、APIキーや機密情報を管理する上で重要な役割を担いますが、これを直接`.env`ファイルで管理することはセキュリティリスクを伴うことがあります。そこで、Firebase App Hosting を利用し、.envファイルを使わずに安全に環境変数を管理・適用する方法を解説します。

## 2. Firebase App Hosting の基本
### 2-1. Firebase App Hosting の概要
Firebase App Hosting は、静的および動的なウェブアプリケーションを迅速にデプロイできるプラットフォームです。React、Angular、Vue.js、Next.jsなどのフレームワークをサポートし、Google Cloud のインフラを活用して安定したホスティング環境を提供します。

### 2-2. 環境変数の基本概念
環境変数は、アプリケーションのビルドや実行環境において設定されるパラメータで、プロジェクトのセキュリティと機密性を保持しつつ、異なる環境で動作をカスタマイズするために使われます。

## 3. 環境変数の設定方法
### 3-1. Google Cloud Secret Manager の利用
Google Cloud Secret Manager は、APIキーやDBパスワードなどのシークレット情報をセキュアに保存できます。Firebase App Hosting プロジェクトと同じプロジェクト内で設定し、機密情報へのアクセスを制御します。

```yaml
# apphosting.yaml
env:
  - variable: API_KEY
    secret: projects/000000000000/secrets/API_KEY/versions/1
```

### 3-2. App Hosting の設定と権限管理
IAM設定により、Firebase App Hosting が Secret Manager のシークレットにアクセスできるようにします。この設定により、アプリケーションはデプロイ時にシークレット情報を安全に取得できます。

1. IAM & 管理コンソールで Firebase App Hosting の権限を編集し、Secret Manager へのアクセスを許可します。
2. 必要なロールを追加して設定を保存します。

### 3-3. Next.js における設定ファイルの構成
Next.js プロジェクトでの Firebase 設定ファイルを適切に構成します。

```json
// firebase.json
{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}
```

## 4. 環境変数の適用とデプロイ
### 4-1. シークレットの使用方法
シークレットは、自動的にランタイム環境に注入されます。必要な環境変数はプログラム内で参照できるため、`.env`ファイルの代替として安全かつ効果的に機能します。

### 4-2. デプロイプロセスの最適化
最適なデプロイを実現するために、Firebase CLI及びGoogle Cloudのデプロイ機能を組み合わせて利用し、環境変数の取り扱いを適切に管理します。

## 5. バックエンドの管理と構成
### 5-1. `apphosting.yaml` の詳細設定
`apphosting.yaml` ファイルでの構成により、CPUやメモリ、同時実行数などのランタイム設定を細かく管理し、パフォーマンスを最適化できます。

### 5-2. Cloud Run を利用したバックエンド構成
必要に応じて、Cloud Runを利用してさらなる拡張性を持たせることも可能です。これにより、アプリケーションのスケーラビリティを確保できます。

## 6. まとめ
本記事では、Firebase App Hosting で .envファイルを使わずに環境変数を適用する方法を詳述しました。Google Cloud Secret Manager や IAM 設定を活用し、安全かつ効率的に機密情報を管理できます。これにより、開発者はデプロイと運用のプロセスを簡素化し、セキュリティ対策を強化することが可能になります。



App Hosting で .env を使わずに環境変数を適用する方法

目次

続きを読むには単価診断を受けてください（30秒）