CLI
Cloudflareは、新しいWorkersおよびPagesプロジェクトを作成するためのCLIコマンドを提供しています — npm create cloudflare、これはcreate-cloudflareパッケージ ↗によって動かされています。
ターミナルウィンドウを開き、次のコマンドを実行します:
npm create cloudflare@latestyarn create cloudflare@latestこのコマンドを実行すると、create-cloudflare ↗パッケージをインストールするように促され、その後、作成したいアプリケーションのタイプに関する質問が表示されます。
「Framework Starter」オプションを選択すると、使用するフレームワークを選択するように促されます。現在サポートされているフレームワークは以下の通りです:
フレームワークを使用すると、npm create cloudflareはフレームワーク自身のコマンドを直接使用して新しいプロジェクトを生成します。これにより、追加の質問が表示される場合があります。これにより、作成するプロジェクトがフレームワークの最新バージョンに対応しており、npm create cloudflareを使用してプロジェクトを作成する際に、フレームワークのツールを直接使用した場合と同じオプションがすべて利用可能になります。
プロジェクトの設定が完了すると、Cloudflareにプロジェクトをデプロイするかどうかを尋ねられます。これはオプションです。
デプロイを選択すると、Cloudflareアカウントにサインインするように求められ(まだサインインしていない場合)、プロジェクトがデプロイされます。
npm create cloudflareを使用して新しいプロジェクトを作成し、それをGithubまたはGitlabアカウントのGitリポジトリに接続するには、次の手順を実行します:
npm create cloudflare@latestを実行し、希望のオプションを選択します。- プロンプト「アプリケーションをデプロイしますか?」には
noを選択します。これは重要です —yesを選択してターミナルからアプリケーションをデプロイすると、後でこのPagesプロジェクトをGitリポジトリに接続することはできません。新しいCloudflare Pagesプロジェクトを作成する必要があります。 npm create cloudflare@latestが作成したアプリケーションを使用して、新しいGitリポジトリを作成します。- Git統合ガイドに記載されている手順に従います。
C3は、一連のインタラクティブなプロンプトを通じて必要な入力を収集します。また、コマンドライン引数を指定することで、これらのプロンプトをスキップすることもできます。CIなどの非インタラクティブなコンテキストでC3を使用するには、コマンドラインを介してすべての必須引数を指定する必要があります。
これは、C3の呼び出しの完全な形式と可能なCLI引数です:
npm create cloudflare@latest [--] [<DIRECTORY>] [OPTIONS] [-- <NESTED ARGS...>]yarn create cloudflare@latest [--] [<DIRECTORY>] [OPTIONS] [-- <NESTED ARGS...>]pnpm create cloudflare@latest [--] [<DIRECTORY>] [OPTIONS] [-- <NESTED ARGS...>]bun create cloudflare@latest [--] [<DIRECTORY>] [OPTIONS] [-- <NESTED ARGS...>]-
DIRECTORYstring optional- アプリケーションを作成するディレクトリ。アプリケーションの名前はディレクトリ名から取得されます。
-
NESTED ARGS..string[] optional- C3が呼び出す可能性のあるサードパーティCLIに渡すCLI引数(フルスタックアプリケーションの場合)。
-
--categorystring optional-
作成するテンプレートの種類。
-
このオプションの可能な値は:
hello-world: Hello Worldの例web-framework: フレームワークスターターdemo: アプリケーションスターターremote-template: GitHubリポジトリからのテンプレート
-
-
--typestring optional-
作成するアプリケーションのタイプ。
-
このオプションの可能な値は:
hello-world: 基本的な「Hello World」Cloudflare Worker。hello-world-durable-object: Durable Objectとそれと通信するWorker。common: ルーティング/プロキシ機能の一般的な例を実装したCloudflare Worker。scheduled: スケジュールされたCloudflare Worker(Cron Triggersを介してトリガーされる)。queues: Queuesの消費者および生産者であるCloudflare Worker。openapi: OpenAPI RESTエンドポイントを実装するWorker。pre-existing: Cloudflareダッシュボードから初期化されたWorkerを取得。
-
-
--frameworkstring optional-
ウェブアプリケーションを作成するために使用するフレームワークのタイプ(このオプションを使用する場合、
--typeは無視されます)。 -
このオプションの可能な値は:
angularastrodocusaurusgatsbyhononextnuxtqwikreactremixsolidsveltevue
-
-
--templatestring optional-
Gitリポジトリにホストされた外部テンプレートを介して新しいプロジェクトを作成します。
-
このオプションの値は次のいずれかとして指定できます:
user/repogit@github.com:user/repohttps://github.com/user/repouser/repo/some-template(サブディレクトリ)user/repo#canary(ブランチ)user/repo#1234abcd(コミットハッシュ)bitbucket:user/repo(BitBucket)gitlab:user/repo(GitLab)
詳細については、
degitドキュメント ↗を参照してください。最低限、テンプレートには以下が含まれている必要があります:
package.jsonwrangler.tomlsrc/に、wrangler.tomlから参照されるワーカーのスクリプトが含まれていること
このリポジトリのテンプレートフォルダ ↗に他の例があります。
-
-
--deployboolean (default: true) optional- アプリケーションが作成された後にデプロイします。
-
--langstring (default: ts) optional-
テンプレートのプログラミング言語。
-
このオプションの可能な値は:
tsjspython
-
-
--tsboolean (default: true) optional- アプリケーションでTypeScriptを使用します。非推奨です。代わりに
--lang=tsを使用してください。
- アプリケーションでTypeScriptを使用します。非推奨です。代わりに
-
--gitboolean (default: true) optional- アプリケーションのためにローカルGitリポジトリを初期化します。
-
--openboolean (default: true) optional- デプロイされたアプリケーションをブラウザで開きます(アプリケーションがデプロイされていない場合、このオプションは無視されます)。
-
--existing-scriptstring optional-
ローカルにクローンする既存のCloudflare Workersスクリプトの名前。このオプションを使用すると、
--typeはpre-existingに強制されます。 -
--existing-scriptが指定されている場合、deployは無視されます。
-
-
-y,--accept-defaultsboolean optional- すべてのデフォルトC3オプションを使用します。各オプションは指定することで上書きできます。
-
--auto-updateboolean (default: true) optional- C3の最新バージョンを自動的に使用します。
-
-v,--versionboolean optional- バージョン番号を表示します。
-
-h,--helpboolean optional- ヘルプメッセージを表示します。