Построить все вещи!
Новая функция автоматической обнаружения филиала в консоли AWS Amplify позволяет развертывать всю среду для всех ветвей вашего репозитория GIT. Вы также можете указать шаблоны сопоставления имени филиала, что делает его быстро и легко настроить пользовательские стратегии развертывания на основе того, как работает ваша команда, а не как ваши работы CI.
Давайте посмотрим на настройку новой новой среды для каждой ветви, нажатой в репозиторий вашего приложения.
Первый шаг состоит в том, чтобы подключить усилитель проекта или статическое приложение/веб-сайт для усиления консоли (если у вас уже есть развернутый приложение, вы можете пропустить эту часть).
Настройка проекта на консоли усиления
Создание приложения
Для этого примера я буду использовать Create-raction-app и Усилитель Framework Чтобы настроить небольшое приложение с аутентификацией. Чтобы настроить свое собственное приложение, которое вы можете либо следовать, либо использовать кнопку развертывания на 1 клик ниже, чтобы развернуть один и тот же репозиторий, который я буду использовать в этом примере.
Сначала создайте новый проект реагирования:
npx create-react-app my-app
Далее вам нужно инициализировать усиление из корневого каталога My-App Отказ
amplify init
Одна из двух вещей произойдет, когда вы запустите эту команду. Если у вас есть некоторые пользовательские профили AWS на вашем компьютере, он спросит, хотите ли вы использовать профиль. (Если у вас есть профиль с административными и программными привилегиями, не стесняйтесь выбирать это.) Если у вас нет созданных пользовательских профилей, созданных пользовательских профилей, или вы не уверены, если будет работать текущий профиль, то CLI на самом деле будет проходить вас через то, как создать один, даже идущий до сих пор, чтобы открыть консоль AWS для вас и Предварительно заполнение любых полей. (Вы в основном просто должны нажать на несколько кнопок, простой кресть.)
Для более глубокого прохождения создания нового профиля пользователя, ознакомьтесь с этим информативным видео из Надер Дабит Отказ
Теперь, когда усиление правильно настроена, вы можете начать настройку служб AWS в вашем приложении. Следующим шагом является завоевание приложения к вашему репозиторию GIT.
Подключение приложения для усиления консоли
Чтобы подключить приложение в усилении консоли, перейдите к https://console.aws.amazon.com/amplify/home и нажмите на Начать под Развертывание . раздел.
Для подключения приложения для обнаружения автоматического ветвления вам нужно будет сохранить приложение в поставщике хранилища Git, как Github, BitBucket или CodeCommit.
Далее выберите поставщик контроля источника и репозиторий, который вы хотите подключиться. После того, как вы выбрали репозиторий и основную филиал, нажмите Следующий Отказ
Выберите Мастер Для усиления бэкэнда для развертывания и выбора (или создать роль), поэтому усиление консоли может развернуть бэкэнду, а также ваше приложение:
Оставьте остальные настройки сборки, как есть и нажмите Следующий очередной раз. Наконец, нажмите Сохранить и развернуть Отказ
Как только ваше приложение строит, вы должны увидеть что-то вроде этого:
Теперь, когда у вас подключен приложение, пришло время настроить сборки для всех ваших филиалов, которые подтолкнутся к вашему репозитории!
Настройка автоматического обнаружения ветвления
Конфигурация
Чтобы настроить автоматическое развертывание на основе ветви, перейдите к приложению, вы хотите настроить развертывание для и из Настройки приложения Меню, выберите Общее Отказ
Далее нажмите Редактировать на Детали приложений раздел:
Однажды вы в режиме редактирования, переключите Филиал Autodetection Переключатель и укажите * за значение Филиал Autodetection - Узоры вход.
Убедитесь, что Создать новую среду Backend для каждой связанной ветки проверяется, а затем нажмите Сохранить Отказ
Мы использовали * В входных моделях, поскольку узоры являются Regex, поэтому в этом случае мы сопоставляем все шаблоны именования от ответственности. Однако мы можем только развернуть филиалы, которые следуют определенному соглашению об именовании, возможно, вы хотите развернуть развертывание ветвей, вы можете сделать что-то вроде выпуск- * который будет соответствовать любому ветви, начиная с этого префикса.
Тестирование это
Чтобы ветви будут развернуты, создайте новую ветвь локально называемой Add-Auth Отказ
Далее запустите следующую команду AMPLIFE:
amplify add auth
После того, как вы запустите команду, вам будет предложено, если вы хотите использовать конфигурацию по умолчанию для настройки аутентификации для вашего приложения. Это рекомендуемые настройки аутентирования для AWS.
Выберите эту опцию, если вы не знакомы, как настроить собственные пользовательские пулы и конфигурацию Cognito.
Далее вам нужно запустить усилить толчок Так что ресурсы могут быть созданы и настроены в AWS.
После усиления создает удаленные ресурсы для вашей службы аутентификации, вам необходимо настроить усиление в вашем приложении. Для этого вам нужно установить необходимые зависимости, а затем настроить усиление в вашем приложении.
npm i aws-amplify aws-amplify-react # OR yarn add aws-amplify aws-amplify-react
Далее вы должны импортировать конфигурацию, созданную путем усиления в SRC/AWS-Exports.js и передайте его в клиент усиления. В SRC/index.js Добавьте следующее до Reactom.runder вызов:
import Amplify from "aws-amplify" import awsExports from "./src/aws-exports" Amplify.configure(awsExports);
Далее вам нужно добавить с уэйтэнтикатором Компонент вокруг вашего Приложение Компонент в SRC/App.js Отказ Это компонент Drop-in, который обеспечивает целый поток аутента для пользователей вашего приложения. Заменить содержимое SRC/App.js со следующим:
import React from "react";
import logo from "./logo.svg";
import "./App.css";
import { withAuthenticator } from "aws-amplify-react";
function App() {
return (
Edit src/App.js and save to reload.
Learn React
);
}
export default withAuthenticator(App, true);
Если вы еще не начали приложение, запустите Пряжа начать Из командной строки, чтобы увидеть приложение с входом. Если вы запускаете приложение, теперь вы должны увидеть следующее:
Проверьте его, создавая пользователя или два и входить в систему и выйти. После того, как вы подтвердили все, что работает, зафиксируйте ваши изменения в ветку и подтолкните его к удаленному репозиторию.
Перейдите назад, чтобы усилить консоль, и вы должны увидеть другую сборку для вашего Add-Auth ветка! После завершения сборки выполните URL-адрес развертывания и попробуйте войти в систему с пользователем, который вы создали локально. Обратите внимание, что пользователь не существует. Это потому, что совершенно новый бэк-конец был развернут только для этой ветки!
Вы также можете включить Контроль доступа Для ваших ветвей, сделав необходимое ввести имя пользователя и пароль для доступа к развертыванию (см. Изображение ниже).
Дополнительный кредит
Если вы объедините Add-Auth ветвь Вы получите еще одну сборку на свой Мастер ветка. После того, как эта сборка завершится, попробуйте войти в систему с пользователем, созданным локально ранее. Вы должны быть в состоянии войти в систему, так как локальные и мастер-развертывание ветви делятся одним и тем же заканчивом.
Наконец, вы можете узнать больше о усилении консоли и развертываний на основе функций здесь:
- https://aws-amplify.github.io/docs/js/start
- https://docs.aws.amazon.com/amplify/latest/userguide/multi-environments.html#pattern-based-branch-feature-branch-deployments
- https://amplify.aws/community/
Кроме того, если вы хотите остаться в последнее время, я пишу или работаю, дай мне следующую в Твиттере!
Оригинал: «https://dev.to/kkemple/branch-based-deployment-strategies-with-aws-amplify-console-1n3c»