GitHub リポジトリを直接インポートすることで、既存のリポジトリコードを使用してプロジェクトを迅速に初期化してデプロイできます。
前提条件
関数と Pages がアクティブ化されていること。
有効なGitHub アカウントと、Pages のコードを保存するためのコードリポジトリがあること。
操作手順
Pages はコード管理システムとシームレスに統合され、開発ワークフローとデプロイプロセスの円滑な同期を実現します。
ESA コンソールにログインします。左側メニューで、 を選択します。
Edge Functions ページで、作成 をクリックします。
Import from GitHub Repo タブで、[GitHub アカウントの追加] をクリックします。
GitHub にログインします。 承認ページでは、デフォルトで[すべてのリポジトリ]が選択されています。 [インストール & 承認]をクリックして、リポジトリの承認を完了します。
ビルド情報を設定し、デプロイ開始 をクリックします。
説明GitHub アカウントを接続した後、リポジトリリストにはデフォルトで パブリックリポジトリのみ が表示されます。プライベートリポジトリは自動的には表示されません。プライベートリポジトリを選択するには、検索ボックスにその名前を入力して検索してください。
設定タイプ
機能
説明
基本設定
本番
デフォルトでは
mainブランチです。選択したブランチに基づいてビルドが自動的にトリガーされ、本番環境にデプロイされます。非本番
有効にすると、非本番ブランチ (
main以外のブランチなど) への新しいコミットでビルドバージョンが生成されますが、自動的にはデプロイされません。インストールコマンド
依存関係を最初にインストールする必要がある場合は、
npm installなどのコマンドを入力します。npm、yarn、cnpm、pnpm に対応しています。ビルド
ビルドステップが必要な場合は、
npm run buildなどのコマンドを入力します。npm、yarn、cnpm、pnpm に対応しています。詳細設定
ルートディレクトリ
ビルドコマンドが実行されるディレクトリです。デフォルトは
/です。モノレポの場合は、ビルドするサブプロジェクトのパス (/frontendや/packages/webなど) を入力します。静的アセットディレクトリ
ビルド出力内で静的にホスティングされるディレクトリです。例：
./public、./dist、./build。静的アセットディレクトリは、esa.jsonc ファイルのassets.directoryフィールドで指定できます。esa.jsonc ファイルで指定した場合、ここでの設定よりも優先されます。関数ファイルパス
関数のエントリーファイル (実際に実行されるファイル) のパスです。例：
./src/index.ts。関数ファイルパスは、esa.jsonc ファイルのentryフィールドで指定できます。esa.jsonc ファイルで指定した場合、ここでの設定よりも優先されます。Node.js
ビルドに使用される Node.js バージョンです。この設定を変更した後、有効にするにはビルドを再トリガーする必要があります。Node.js のメジャーバージョンは、
package.jsonファイルのengines.nodeフィールドで指定できます。package.json ファイルで指定した場合、ここでの設定よりも優先されます。環境変数
ビルドプロセス中にアクセスできる環境変数です。グローバルオブジェクト
process.envで取得できます。ビルドが完了すると、デプロイメントをプレビューするためのパブリックドメインのリンクが生成されます。 このパブリックドメインはテスト専用です。 パブリックドメインにアクセスするには、認証用のトークンを追加する必要があります。 トークンは 60 分間有効です。
カスタムドメイン名のバインド
デプロイ後、プロジェクトにカスタムドメインをバインドすると、アクセスが容易になります。 ドメイン名設定をご参照ください。