← Cloudflare Workers / workers / framework-guides / web-apps / more-web-frameworks

Angular

V tomto průvodci vytvoříte nový Angular ↗ aplikaci a nasaďte ji na Cloudflare Workers (s novým Workers Assets).

Použijte create-cloudflare ↗ CLI (C3) pro nastavení nového projektu. C3 vytvoří nový adresář projektu, spustí oficiální nastavovací nástroj frameworku Angular a nabídne možnost okamžitého nasazení.

Chcete-li použít create-cloudflare pro vytvoření nového projektu Angular s Workers Assets spusťte následující příkaz:

npm create cloudflare@latest -- my-angular-app --framework=angular

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

cd my-angular-app

Jakmile vytvoříte projekt, spusťte v jeho adresáři následující příkaz, který spustí lokální server. Díky tomu si budete moci projekt během vývoje prohlížet lokálně.

npm run start

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.

Následující příkaz sestaví a nasadí váš projekt. Pokud používáte CI, nezapomeňte aktualizovat "deploy command" konfiguraci podle potřeby.

npm run deploy

Cloudflare se ve výchozím nastavení nejprve pokusí porovnat cestu požadavku s cestou ke statickému assetu, která vychází ze struktury souborů nahraného adresáře s assety. Jde buď o adresář určený assets.directory ve vaší konfiguraci Wrangler nebo, v případě Cloudflare Vite plugin, výstupní adresář sestavení klienta. Pokud takový soubor neexistuje, spustíme Worker, pokud je k dispozici. Pokud Worker není k dispozici, nebo pokud Worker následně použije asset binding, Cloudflare přejde na chování nastavené pomocí not_found_handling.

Viz dokumentace ke směrování další informace o tom, jak funguje směrování se statickými aktivy a jak toto chování přizpůsobit.