← Cloudflare Workers / workers / configuration / sites

Začít od Workeru

Workers Sites vyžadují Wrangler ↗ : nezapomeňte použít nejnovější verze.

Pokud už máte projekt Workeru, můžete pomocí Workers Sites obsluhovat statické assets pro daný Worker.

Začínáme

Vytvořte adresář, který bude v kořenovém adresáři vašeho projektu obsahovat assets (například ./public)

Přidejte do souboru Wrangler konfiguraci, která na něj odkazuje.

{
  "site": {
    "bucket": "./public" // Add the directory with your static assets!
  }
}

[site]
bucket = "./public"

Nainstalujte @cloudflare/kv-asset-handler balíček ve vašem projektu:
```
npm i -D @cloudflare/kv-asset-handler
```
Importujte getAssetFromKV() funkci do vstupního bodu vašeho Workeru a použijte ji k odpovědi statickými assety.

import { getAssetFromKV } from "@cloudflare/kv-asset-handler";
import manifestJSON from "__STATIC_CONTENT_MANIFEST";
const assetManifest = JSON.parse(manifestJSON);

export default {
	async fetch(request, env, ctx) {
		try {
			// Add logic to decide whether to serve an asset or run your original Worker code
			return await getAssetFromKV(
				{
					request,
					waitUntil: ctx.waitUntil.bind(ctx),
				},
				{
					ASSET_NAMESPACE: env.__STATIC_CONTENT,
					ASSET_MANIFEST: assetManifest,
				},
			);
		} catch (e) {
			let pathname = new URL(request.url).pathname;
			return new Response(`"${pathname}" not found`, {
				status: 404,
				statusText: "not found",
			});
		}
	},
};

import { getAssetFromKV } from "@cloudflare/kv-asset-handler";

addEventListener("fetch", (event) => {
	event.respondWith(handleEvent(event));
});

async function handleEvent(event) {
	try {
		// Add logic to decide whether to serve an asset or run your original Worker code
		return await getAssetFromKV(event);
	} catch (e) {
		let pathname = new URL(event.request.url).pathname;
		return new Response(`"${pathname}" not found`, {
			status: 404,
			statusText: "not found",
		});
	}
}

Více informací o konfigurovatelných možnostech getAssetFromKV() přečtěte si dokumentace kv-asset-handler ↗.

Spustit wrangler deploy nebo npx wrangler deploy jako obvykle u projektu Workeru. Wrangler automaticky nahraje assety nalezené v nakonfigurovaném adresáři.
```
npx wrangler deploy
```