コンテンツにスキップ

ゼロから始める

このガイドでは、ゼロから新しい Workers Sites プロジェクトを迅速に開始する方法を示します。

始めに

最新版の git ↗ と Node.js ↗ がインストールされていることを確認してください。
ターミナルで worker-sites-template スターターレポジトリをクローンします。次の例では、my-site というプロジェクトを作成します：
Terminal window
```
git clone --depth=1 --branch=wrangler2 https://github.com/cloudflare/worker-sites-template my-site
```
すべての依存関係をインストールするために npm install を実行します。
wrangler dev コマンドを実行してサイトをプレビューできます：
Terminal window
```
wrangler dev
```
サイトを Cloudflare にデプロイします：
Terminal window
```
npx wrangler deploy
```

プロジェクトのレイアウト

テンプレートプロジェクトには、以下のファイルとディレクトリが含まれています：

public: プロジェクトの静的アセット。デフォルトでは index.html と favicon.ico が含まれています。
src: アセットを提供するために設定された Worker。これを編集する必要はありませんが、動作を確認したり Worker に機能を追加したりしたい場合は、src/index.ts を編集できます。
wrangler.toml: プロジェクト設定を含むファイル。 bucket プロパティは、Wrangler に静的アセットの場所を指示します（例：site = { bucket = "./public" }）。
package.json/package-lock.json: 必要な Node.js の依存関係を定義します。

`wrangler.toml` のカスタマイズ：

name プロパティをプロジェクトの名前に変更します：
```
name = "my-site"
```
最新の Workers 機能にアクセスするために、compatibility_date を今日の日付に更新することを検討してください：
```
compatibility_date = "yyyy-mm-dd"
```
所有していて、すでに Cloudflare ゾーンとして接続されているカスタムドメインにサイトをデプロイします：
```
route = "https://example.com/*"
```
route を適切に設定するためのルートに関するドキュメントを参照してください。

プロジェクトの設定についてさらに学びましょう。

Cloudflare Dashboard Discord Community Learning Center Support Portal

Cookie Settings