Open1

Cloudflare Workers メモ

yoshinoyoshino

https://developers.cloudflare.com/workers/

  • playground

https://cloudflareworkers.com/?_ga=2.261119565.1137840572.1677602809-2032357895.1672656614#36ebe026bf3510a2e5acace89c09829f:about:blank

  • Cloudflare アカウントのセットアップ
  • 最初の Worker のデプロイ
    • Wrangler (Workers CLI)で新しいプロジェクトを開始(init)
      • wrangler.toml(Wrangler設定ファイル)
      • src/index.js(JSのモジュール構文で書かれた最小限のHello World Worker)
      • package.json
      • tsconfig.json
      • 開発用サーバーを起動 (dev)
    • コードを書く
      • exportステートメント
      • イベントハンドラ
      • パラメータ
      • レスポンスオブジェクト
    • プロジェクトを公開(publish)
      • *.workers.devサブドメイン、もしくはカスタムドメイン(設定してある場合)に公開する。
      • <YOUR_WORKER>.<YOUR_SUBDOMAIN>.workers.devでワーカーをプレビューする
    • テスト作成
      • unstable_devAPIは統合テストやエンドツーエンドテストを書くのに使われる

Learing

How Workers works

How the cache works

What is Caching?

https://www.cloudflare.com/learning/cdn/what-is-caching/

Platform

環境変数

wrangler.tomlファイルの[vars]設定で定義
ただこの方法よりも.dev.varsに書いていく方が良さそう

https://zenn.dev/mr_ozin/articles/645502f4a621d6

Runtime APIs

Wrangler (Workers CLI)

Wranglerは、Cloudflareの開発者向け製品でビルドするためのコマンドラインツールです。

Examples

CORS header proxy

サードパーティのAPIレスポンスに必要なCORSヘッダを追加する。
https://developers.cloudflare.com/workers/examples/cors-header-proxy/