TypeScript

Pages FunctionsはTypeScriptをサポートしています。TypeScriptを使用するには、/functionsディレクトリ内のファイルを.js拡張子の代わりに.ts拡張子で作成してください。

プロジェクトにランタイムタイプを追加するには、次のコマンドを実行します：

npm install --save-dev typescript @cloudflare/workers-types

次に、functions/tsconfig.jsonファイルを作成してランタイムタイプを設定します：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "lib": ["esnext"],
    "types": ["@cloudflare/workers-types"]
  }
}

プロジェクトのルートにすでにtsconfig.jsonがある場合は、競合を避けるために/functionsディレクトリを明示的に除外することをお勧めします。/functionsディレクトリを除外するには：

{
  "include": ["src/**/*"],
  "exclude": ["functions/**/*"],
  "compilerOptions": {}
}

Pages FunctionsはPagesFunctionタイプを使用して型付けできます。このタイプはEnvパラメータを受け取ります。envパラメータを使用するには：

interface Env {
  KV: KVNamespace;
}

export const onRequest: PagesFunction<Env> = async (context) => {
  const value = await context.env.KV.get("example");
  return new Response(value);
};