← Cloudflare Workers / workers / static-assets

Začínáme

U většiny frontendových aplikací budete chtít použít framework. Workers podporuje řadu oblíbených frameworky které obsahují připravené komponenty, předdefinovanou a strukturovanou architekturu a podporu komunity. Podívejte se na průvodci pro konkrétní frameworky abyste začali pracovat s frameworkem.

Alternativně můžete dát přednost sestavení webu od nuly, pokud:

• Chcete se učit tím, že si klíčové funkce implementujete sami.
• Pracujete na jednoduchém projektu, kde framework možná ani nepotřebujete.
• Chcete optimalizovat výkon minimalizací externích závislostí.
• Potřebujete mít plnou kontrolu nad každým aspektem aplikace.
• Chcete si vytvořit vlastní framework.

Tento průvodce vás provede nastavením a nasazením statického webu nebo full-stack aplikace bez frameworku na Workers.

Tento průvodce vás provede nastavením a nasazením statického webu na Workers.

C3 (create-cloudflare-cli) ↗ je nástroj příkazové řádky určený k tomu, aby vám pomohl nastavit a nasadit nové aplikace do Cloudflare. Otevřete okno terminálu a spuštěním C3 vytvořte svůj projekt Worker:

npm create cloudflare@latest -- my-static-site

Při nastavení vyberte následující možnosti:

• Pro S čím byste chtěli začít?, vyberte Hello World example.
• Pro Jakou šablonu chcete použít?, vyberte Static site.
• Pro Jaký jazyk chcete použít?, vyberte TypeScript.
• Pro Chcete používat git pro správu verzí?, vyberte Yes.
• Pro Chcete nasadit svou aplikaci?, vyberte No (před nasazením provedeme ještě několik změn).

Po nastavení projektu přejděte do jeho adresáře spuštěním následujícího příkazu:

cd my-static-site

Jakmile vytvoříte Worker, spusťte wrangler dev v adresáři projektu ke spuštění lokálního serveru. To vám umožní zobrazit si náhled projektu lokálně během vývoje.

npx wrangler dev

Váš projekt lze nasadit na *.workers.dev subdoména nebo Custom Domain, z vlastního počítače nebo z libovolného systému CI/CD, včetně vlastní od Cloudflare.

wrangler deploy sestaví a nasadí váš projekt. Pokud používáte CI, nezapomeňte aktualizovat své "deploy command" konfiguraci podle potřeby.

npx wrangler deploy

Tento průvodce vás provede nastavením a nasazením dynamických a interaktivních aplikací vykreslovaných na straně serveru (SSR) na Cloudflare Workers.

Při vytváření full-stack aplikace můžete použít libovolný Workers bindings, včetně vlastních prostředků, pro práci s prostředky na Cloudflare Developer Platform.

C3 (create-cloudflare-cli) ↗ je nástroj příkazové řádky, který vám pomůže nastavit a nasadit nové aplikace na Cloudflare.

Otevřete okno terminálu a spusťte C3 pro vytvoření projektu Workeru:

npm create cloudflare@latest -- my-dynamic-site

Při nastavení vyberte následující možnosti:

• Pro S čím byste chtěli začít?, vyberte Hello World example.
• Pro Jakou šablonu chcete použít?, vyberte SSR / full-stack app.
• Pro Jaký jazyk chcete použít?, vyberte TypeScript.
• Pro Chcete používat git pro správu verzí?, vyberte Yes.
• Pro Chcete nasadit svou aplikaci?, vyberte No (před nasazením provedeme ještě několik změn).

Po nastavení projektu přejděte do jeho adresáře spuštěním následujícího příkazu:

cd my-dynamic-site

Jakmile vytvoříte Worker, spusťte wrangler dev v adresáři projektu ke spuštění lokálního serveru. To vám umožní zobrazit si náhled projektu lokálně během vývoje.

npx wrangler dev

Jakmile máte nový projekt vygenerovaný a spuštěný, můžete začít psát a upravovat svůj projekt:

• src/index.ts soubor je předvyplněný ukázkovým kódem. Úpravou jeho obsahu změníte chování Workeru na straně serveru.
• public/index.html soubor je předvyplněný ukázkovým kódem. Upravte jeho obsah nebo cokoli jiného v public/, pro změnu statických assetů vašeho Workeru.

Poté soubory uložte a stránku znovu načtěte. Výstup vašeho projektu se změní podle provedených úprav.

Váš projekt lze nasadit na *.workers.dev subdoména nebo Custom Domain, z vlastního počítače nebo z libovolného systému CI/CD, včetně vlastní od Cloudflare.

wrangler deploy sestaví a nasadí váš projekt. Pokud používáte CI, nezapomeňte aktualizovat své "deploy command" konfiguraci podle potřeby.

npx wrangler deploy