INTEGRITY Документация

Angular

В этом руководстве вы создадите новый Angular приложение и разверните его в Cloudflare Workers (с новым Ресурсы Workers).

узел Framework
AngularОбнаружено
Коннектор: Framework to Config
элементы конфигурации
Сгенерированная конфигурация
wrangler.jsonc
assets:directory: dist/browser
wrangler.jsonc
наблюдаемость:enabled: true
Коннектор: Config to Workers
WorkersРазвернуто
Индикатор статуса
Wrangler настраивает конфигурацию автоматически

1. Настройте новый проект

Используйте create-cloudflare CLI (C3) для настройки нового проекта. C3 создаст каталог нового проекта, запустит официальный инструмент настройки Angular и предложит возможность мгновенного развертывания.

Чтобы использовать create-cloudflare чтобы создать новый проект Angular с Workers Assets, выполните следующую команду:

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

После настройки проекта перейдите в нужный каталог, выполнив следующую команду:

cd my-angular-app

2. Локальная разработка

После создания проекта выполните следующую команду в каталоге проекта, чтобы запустить локальный сервер. Это позволит просматривать проект локально в процессе разработки.

npm run start

3. Развёртывание вашего проекта

Ваш проект можно развернуть в *.workers.dev поддомен или Custom Domain, с собственного компьютера или из любой системы CI/CD, включая Собственная разработка Cloudflare.

Следующая команда собирает и разворачивает ваш проект. Если вы используете CI, не забудьте обновить "deploy command" конфигурацию должным образом.

npm run deploy

Static Assets

По умолчанию Cloudflare сначала пытается сопоставить путь запроса со статическим путём ресурса, определяемым структурой файлов загруженного каталога ресурсов. Это либо каталог, заданный в assets.directory в конфигурации Wrangler или, в случае Cloudflare Vite plugin, каталог вывода клиентской сборки. Если его нет, вызывается Worker, если он присутствует. Если Worker отсутствует, либо Worker использует привязку assets, Cloudflare переключится на поведение, заданное not_found_handling.

См. документация по маршрутизации с дополнительной информацией о том, как работает маршрутизация со статическими ресурсами и как настроить это поведение.