← Cloudflare Pages / pages / framework-guides

Ember

Ember.js ↗ это продуктивный, проверенный временем JavaScript-фреймворк для создания современных веб-приложений. Он включает всё необходимое для создания насыщенных интерфейсов, работающих на любом устройстве.

Установите Ember

Для начала установите Ember:

npm install -g ember-cli

Создайте проект Ember

Используйте ember new для создания нового приложения:

npx ember new ember-quickstart --lang en

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

cd ember-quickstart
npm start

Прежде чем продолжить

Все руководства по фреймворкам предполагают, что у вас уже есть базовое понимание Git ↗. Если вы новичок в Git, обратитесь к этому краткое руководство по Git ↗ о том, как настроить Git на локальном компьютере.

Если вы клонируете по SSH, необходимо сгенерировать ключи SSH ↗ на каждом компьютере, с которого вы отправляете или получаете данные из GitHub.

См. документация GitHub ↗ и Документация Git ↗, где это описано подробнее.

Создайте репозиторий GitHub

Создайте новый репозиторий GitHub, перейдя по адресу repo.new ↗. После создания нового репозитория перейдите в каталог только что созданного проекта, чтобы подготовить локальное приложение и отправить его в GitHub, выполнив в терминале следующие команды:

git remote add origin https://github.com/<your-gh-username>/<repository-name>
git branch -M main
git push -u origin main

Развернуть с помощью Cloudflare Pages

Чтобы развернуть сайт в Pages:

На панели управления Cloudflare перейдите к разделу Workers & Pages страницу.
Перейдите в Workers & Pages ↗
Выберите Создать приложение.
Выберите Pages на вкладке.
Выберите Импорт существующего репозитория Git.
Выберите созданный вами новый репозиторий GitHub, а затем нажмите Начало настройки.
В Настройки сборки разделе выберите Ember.js как ваш Framework preset. Ваш выбор предоставит следующую информацию:

Параметр конфигурации	Значение
Продакшен-ветка	`main`
Команда сборки	`npx ember-cli build`
Директория сборки	`dist`

После деплоя сайта вы получите уникальный поддомен для своего проекта на *.pages.dev.

Каждый раз, когда вы фиксируете новый код в своём сайте на Ember, Cloudflare Pages автоматически пересоберёт и развернёт ваш проект. Вы также получите доступ к развёртывания предпросмотра для новых pull request, и вы сможете увидеть, как изменения на сайте будут выглядеть, прежде чем разворачивать их в продакшен.

Полное руководство по развёртыванию первого сайта на Cloudflare Pages см. в Руководство по началу работы.

Подробнее

После выполнения этого руководства вы успешно развернули свой сайт на Ember на Cloudflare Pages. Чтобы начать работу с другими фреймворками, обратитесь к списку руководств по фреймворкам.