← Cloudflare Workers / workers / static-assets

Начало работы

Для большинства front-end приложений понадобится фреймворк. Workers поддерживает ряд популярных фреймворки которые поставляются с готовыми к использованию компонентами, заранее определенной структурированной архитектурой и поддержкой сообщества. См. руководства для конкретных фреймворков чтобы начать работу с использованием фреймворка.

Либо вы можете предпочесть создать сайт с нуля, если:

Вам интересно учиться, самостоятельно реализуя ключевую функциональность.
Вы работаете над простым проектом, где фреймворк может не понадобиться.
Вы хотите оптимизировать производительность, сведя к минимуму внешние зависимости.
Вам нужен полный контроль над каждым аспектом приложения.
Вы хотите создать собственный фреймворк.

Это руководство проведёт вас через настройку и развёртывание статического сайта или full-stack приложения без фреймворка на Workers.

Развертывание статического сайта

Это руководство проведёт вас через настройку и развёртывание статического сайта на Workers.

1. Создайте новый проект Worker с помощью CLI

C3 (create-cloudflare-cli) ↗ представляет собой инструмент командной строки, который помогает настраивать и развёртывать новые приложения в Cloudflare. Откройте окно терминала и запустите C3, чтобы создать проект Worker:

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

Для настройки выберите следующие параметры:

Для С чего вы хотите начать?, выберите Hello World example.
Для Какой шаблон вы хотите использовать?, выберите Static site.
Для Какой язык вы хотите использовать?, выберите TypeScript.
Для Хотите использовать git для контроля версий?, выберите Yes.
Для Хотите развернуть приложение?, выберите No (мы внесём некоторые изменения перед развёртыванием).

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

cd my-static-site

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

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

npx wrangler dev

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

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

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

npx wrangler deploy

Развертывание full-stack-приложения

Это руководство проведёт вас через настройку и развёртывание динамических интерактивных приложений с серверным рендерингом (SSR) на Cloudflare Workers.

При создании full-stack приложения можно использовать любой привязки Workers, включая собственные ресурсы, чтобы взаимодействовать с ресурсами платформы Cloudflare Developer Platform.

1. Создайте новый проект Worker

C3 (create-cloudflare-cli) ↗ это инструмент командной строки, который помогает настраивать и развёртывать новые приложения в Cloudflare.

Откройте окно терминала и запустите C3, чтобы создать проект Worker:

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

Для настройки выберите следующие параметры:

Для С чего вы хотите начать?, выберите Hello World example.
Для Какой шаблон вы хотите использовать?, выберите SSR / full-stack app.
Для Какой язык вы хотите использовать?, выберите TypeScript.
Для Хотите использовать git для контроля версий?, выберите Yes.
Для Хотите развернуть приложение?, выберите No (мы внесём некоторые изменения перед развёртыванием).

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

cd my-dynamic-site

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

npx wrangler dev

3. Изменение вашего проекта

После создания и запуска нового проекта можно приступать к написанию и редактированию:

src/index.ts файл заполнен примером кода. Измените его содержимое, чтобы изменить серверное поведение вашего Worker.
public/index.html файл заполнен примером кода. Измените его содержимое или что-либо ещё в public/, чтобы изменить статические ресурсы вашего Worker.

Затем сохраните файлы и обновите страницу. Вывод проекта изменится в соответствии с внесёнными правками.

4. Разверните проект

npx wrangler deploy