跳转到内容
搜索文档

Angular

最后更新 查看 MarkdownAgent 设置

本指南将帮助你创建新的 Angular 应用,并部署到 Cloudflare Workers(配合新版 Workers Assets)。

AngularDetected
Generated configuration
wrangler.jsonc
assets:directory: dist/browser
wrangler.jsonc
observability:enabled: true
WorkersDeployed
Wrangler handles configuration automatically

1. 设置新项目

使用 create-cloudflare CLI(C3)设置新项目。C3 会创建新的项目目录,启动 Angular 官方搭建工具,并提供立即部署的选项。

要使用 create-cloudflare 创建配合 Workers Assets 的新 Angular 项目,请运行以下命令:

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

设置完成后,运行以下命令切换目录:

cd my-angular-app

2. 在本地开发

创建项目后,在项目目录中运行以下命令以启动本地服务器。这样可以在开发期间本地预览项目。

npm run start

3. 部署项目

你可以从本地机器或任何 CI/CD 系统(包括 Cloudflare 自有 系统)将项目部署到 *.workers.dev 子域或自定义域名

以下命令将构建并部署项目。若使用 CI,请确保相应更新你的 「deploy command」 配置。

npm run deploy

静态资源

默认情况下,Cloudflare 首先尝试将请求路径与静态资源路径匹配,该路径基于上传资源目录的文件结构。这要么是 Wrangler 配置中 assets.directory 指定的目录,要么在使用 Cloudflare Vite 插件时是客户端构建的输出目录。如果失败,且存在 Worker,则调用 Worker。如果没有 Worker,或者 Worker 随后使用 asset 绑定,Cloudflare 将回退到 not_found_handling 设置的行为。

请参阅路由文档,了解静态资源路由的工作原理以及如何自定义此行为。

这篇文档对您有帮助吗?