Cloudflare の無料サーバーレスデプロイメントプラン
概要
クラウドフレイ Pages
Cloudflare Pages 是一个用于部署静态网站和前端应用的平台。它专注于提供快速、安全的全球静态内容交付。你可以将你的代码存储在 Git 仓库(如 GitHub、GitLab、Bitbucket)中,Pages 会自动构建和部署你的应用。
核心特点:
自动构建与部署: Pages 能够自动检测 Git 仓库的变化,并根据你的配置构建和部署你的静态站点。
全局 CDN: 利用 Cloudflare 的全球 CDN 网络,确保你的站点在全球范围内快速加载。
免费套餐: Cloudflare Pages 提供了一个慷慨的免费套餐,非常适合个人项目和小型网站。
自定义域名: 支持自定义域名,你可以将 Pages 部署的站点绑定到你自己的域名上。
适用场景:
个人博客
文档站点
作品集网站
优势:
易于使用: 非常容易上手,配置简单。
高性能: 利用 Cloudflare 的 CDN 网络,提供出色的性能。
自动化: 自动构建和部署,节省时间和精力。
免费套餐: 免费套餐适合大多数小型项目。
与 Git 集成: 无缝集成 Git 仓库,方便代码管理。
クラウドフレアワーカー
Cloudflare Workers 是一个无服务器计算平台,允许你在 Cloudflare 的全球网络边缘运行代码。你可以在靠近你的用户的地方运行 JavaScript、WebAssembly 和其他代码,从而降低延迟并提高性能。
核心特点:
边缘计算: 代码在全球 Cloudflare 数据中心运行,靠近用户,降低延迟。
无服务器: 无需管理服务器,按需付费。
支持多种语言: 支持 JavaScript、WebAssembly (WASM) 和其他语言。
全局变量和绑定: 可以绑定到 Cloudflare 的其他服务,如 Workers KV (键值存储)、D1数据库。
中间件: 可以用作 HTTP 请求和响应的中间件,修改请求或响应的内容。
WebSocket 支持: 支持 WebSocket,可以构建实时应用。
流处理: 能够处理大型数据流。
适用场景:
API 网关
A/B 测试
身份验证
动态内容处理
WebSocket 应用
URL 重定向
安全策略执行
请求重写和路由
优势:
高性能: 边缘计算降低延迟。
可扩展性: 自动扩展,无需担心服务器容量。
灵活性: 可以构建各种应用程序,从简单的 HTTP 中间件到复杂的 API 网关。
全球网络: 利用 Cloudflare 的全球网络,覆盖全球用户。
低成本: 按需付费,节省服务器成本。
ページ対作業員:

多くの状況において、Pages と Workers は組み合わせて使用できます。 例えば、Pages を使用してフロントエンドアプリケーションをデプロイし、Workers を使用して API リクエストの処理やその他のサーバーサイドロジックを実行することができます。 この組み合わせにより、両者の利点を最大限に活用し、高性能で拡張可能なアプリケーションを構築できます。
無料プランの制限

これらの制限があるとはいえ、小規模なプロジェクトや個人サイト、学習目的には、無料プランでも十分です。
Cloudflare アカウント
まだCloudflareのアカウントをお持ちでない場合は、まず無料アカウントを登録してください。
この部分は比較的簡単で基本的な内容なので、詳しく説明する必要はありません。メールアドレスでの登録で問題ありません。Cloudflareはメールの管理についてはあまり関与していませんが、独自のメールサーバーを構築することも可能です。重要なのは、認証コードを受信できることです。
https://dash.cloudflare.com/sign-up
ページの配置手順
点击左侧的 Workers 和 Pages

「作成」ボタンをクリックする

「Pages」をクリック

作成方法を選択してください。「プロジェクトが既にGitHub上に存在している場合、またはGitHubに公開したい場合、あるいは共同開発を希望する場合は、最初の選択肢を選んでください。「プロジェクトが個人向けの場合は、2番目の選択肢をお勧めします。」
ここでは、直接アップロードしてデモンストレーションを行います。
こちらでは、プロジェクト名を入力し、「プロジェクト作成」をクリックしてください。
注意:もしドメインをお持ちの場合は、こちらに自由に入力してください。その後、カスタムドメインを使用します。ドメインをお持ちでない場合は、プロジェクト名を指定することで、後で生成される無料のドメインが決まります。生成されるドメインは以下の形式になります:「プロジェクト名 + (ランダムな文字列) + .pages.dev」を入力後、確認してください。もしプロジェクト名が他のものと重複している場合、Cloudflareは自動的にランダムな文字列を追加します。この文字列は削除できませんので、プロジェクト名を変更する必要があります。

他の人のプロジェクトと名前が重複している:

他のプロジェクトと重複しないようにしてください。

「コンピューターから選択」をクリックする。

この場合、2つの選択肢があり、どちらも可能です。今回は、圧縮ファイルをアップロードしてデモンストレーションを行う方法を選択します。
すべてのファイルが正常にアップロードされた後、「サイトをデプロイ」をクリックしてください。

リンクをクリックして、ウェブサイトにアクセスしてください。「初回導入」には通常、時間がかかります。

更新プロジェクト。引き続き、左側の「Workers」と「Pages」をクリックしてください。
プロジェクトにアクセスしてください。

「作成」ボタンをクリックする

この時点で、現在のページと7番目のページの表示内容は同じです。

個人ドメインの紐付け (任意)
元のプロジェクトに戻る
「カスタムドメインの設定」をクリックし、「設定」ボタンをクリックしてください。

ご自身のカスタムドメインを入力してください。(ドメイン名がCloudflareにホストされていなくても構いません。)

もし、あなたのドメインがCloudflareにホストされている場合は、まず確認し、その後10分ほど待つと、カスタムドメインの設定が完了します。

もし、あなたのドメインがCloudflareにホストされていない場合、CNAMEの設定はご自身で行う必要があります。

「開始」ボタンをクリックして、Cマネの設定を開始してください。

あなたのDNSプロバイダーでこのCNAME設定を追加し、DNSレコードの確認は自動で行われます。そのため、ボタンをクリックする必要はありません。
ドメインについてですが、もし安価なドメインをお探しでしたら、"spaceship" で数字と.xyzドメインを探すことをお勧めします。価格は非常に安く、5元未満で購入できます。
https://spaceship.com
「6桁で覚えやすい数字と.xyzを組み合わせる」
為期変動する為替レートにより、この価格にはわずかな変動が生じる可能性があります。

私の請求書:

まとめ:
このドキュメントは、Cloudflare Pages と Workers についてよく説明しており、Pages のデプロイ手順も提供しています。ドキュメントの構成は明確で、Pages と Workers の特徴、利点、および適用シナリオを比較しています。Pages のデプロイ手順のスクリーンショットは分かりやすく、手順は詳細で、ユーザーがデプロイを行うための優れたガイドとなっています。ドメイン名の推奨も実用的であり、低コストでのニーズを考慮しています。
Workers のデプロイ手順は、Pages のデプロイ手順に比べて非常に複雑であるため。この詳細については、後述する記事で説明します。
最後に、
この記事は、吾愛ハッカーの作者bob666zxj氏から提供されています。主な理由は、無線電業界の大手企業が多数存在し、それが時々発生するルールに関する混乱を引き起こす可能性があるためです。しかし、この場は依然として有効であり、両方の利点を兼ね備えているため、この記事を転載することで、多くの人に役立つことを願っています。