本指南将帮助你创建新的 Angular ↗ 应用,并部署到 Cloudflare Workers(配合新版 Workers Assets)。
AngularDetected
Generated configuration
wrangler.jsonc
assets:directory: dist/browser
wrangler.jsonc
observability:enabled: true
WorkersDeployed
Wrangler handles configuration automatically
使用 create-cloudflare ↗ CLI(C3)设置新项目。C3 会创建新的项目目录,启动 Angular 官方搭建工具,并提供立即部署的选项。
要使用 create-cloudflare 创建配合 Workers Assets 的新 Angular 项目,请运行以下命令:
npm create cloudflare@latest -- my-angular-app --framework=angularyarn create cloudflare my-angular-app --framework=angularpnpm create cloudflare@latest my-angular-app --framework=angular设置完成后,运行以下命令切换目录:
cd my-angular-app创建项目后,在项目目录中运行以下命令以启动本地服务器。这样可以在开发期间本地预览项目。
npm run startyarn run startpnpm run start你可以从本地机器或任何 CI/CD 系统(包括 Cloudflare 自有 系统)将项目部署到 *.workers.dev 子域或自定义域名。
以下命令将构建并部署项目。若使用 CI,请确保相应更新你的 「deploy command」 配置。
npm run deployyarn run deploypnpm run deploy默认情况下,Cloudflare 首先尝试将请求路径与静态资源路径匹配,该路径基于上传资源目录的文件结构。这要么是 Wrangler 配置中 assets.directory 指定的目录,要么在使用 Cloudflare Vite 插件时是客户端构建的输出目录。如果失败,且存在 Worker,则调用 Worker。如果没有 Worker,或者 Worker 随后使用 asset 绑定,Cloudflare 将回退到 not_found_handling 设置的行为。
请参阅路由文档,了解静态资源路由的工作原理以及如何自定义此行为。