Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

Web サイトと Web アプリ

最終更新 Markdown で表示Agent セットアップ

サーバーレスのコンピュート、ストレージ、即時デプロイで、フルスタックの Web アプリケーションをグローバルに構築してデプロイします。Cloudflare Workers はフロントエンドとバックエンドのロジックをエッジで実行します。D1 はサーバーレス SQL データベースです。KV はキーバリューデータをグローバルに保存します。R2 はエグレス料金なしの S3 互換オブジェクトストレージです。Durable Objects はリアルタイムの状態を調整します。Queues はバックグラウンド処理を扱います。

アーキテクチャパターン

フルスタックアプリケーション

フロントエンドとバックエンドを備えた一式のアプリケーションを構築します。

  • Workers はフロントエンドアセット(React、Vue、Astro など)を配信し、Application Programming Interface(API)ルートを処理します
  • D1 はアプリケーションデータを保存します
  • R2 はユーザーのアップロードとアセットを保存します

リアルタイム共同作業アプリ

マルチプレイヤーや共同作業の機能を構築します。

  • Durable Objects は状態と WebSocket 接続を調整します
  • Workers は HTTP リクエストとルーティングを処理します
  • KV はよく参照するデータをキャッシュします
  • Queues はバックグラウンドタスクを処理します

動的機能付きの静的サイト

静的コンテンツにインタラクティブな動きを足します。

  • Workers は静的な HTML / CSS / JavaScript(JS)を配信し、フォーム送信と API 呼び出しを処理します
  • KV はフォームデータとユーザー設定を保存します
  • R2 はアップロードされたファイルを保存します

前提条件

新しいアプリケーションを作成する

  • Cloudflare アカウント
  • マシンに Node.js(バージョン 16.17.0 以降)をインストールしていること
  • Wrangler をインストールしていること。Wrangler は、Workers プロジェクトの作成、テスト、デプロイ用の CLI です

既存のアプリケーションを使う

  • Cloudflare アカウント
  • Cloudflare に追加 したドメインで、DNS レコードを Cloudflare 経由でプロキシしていること。セキュリティ機能(SSL/TLS、アプリケーションセキュリティ)、キャッシュ、パフォーマンス最適化に必要です
  • 既存アプリケーションに Workers ベースの機能を足す場合は、Node.js(バージョン 16.17.0 以降)と Wrangler

関連リソース

Workers のドキュメント

Cloudflare 上でアプリケーションを構築、デプロイするための完全なドキュメントです。

役に立ちましたか?