Angular — это фреймворк для создания многофункциональных одностраничных приложений и настольных приложений, а предпочтительным языком программирования для написания является TypeScript.
В этой статье мы настроим CI/CD сборки AWS Code для проекта, сгенерированного angular CLI.
AWS Code Build — это сервис облачной платформы AWS, который используется для сборки проектов. Он поддерживает все типы сборки приложений, такие как сборка внешнего интерфейса и сборка серверной части.
Необходимо
Нам нужно настроить проект сборки кода AWS с некоторым исходным артефактом, таким как Github или AWS Code commit. Ссылка https://docs.aws.amazon.com/codebuild/latest/userguide/getting-started.html для настройки проекта.
Настройка проекта
Создайте новый угловой проект с помощью репозитория angular-cli или клона — https://github.com/vinaymavi/Angular-AWS-Code-Build-Unit-and-E2E-testing.
Структура папок сгенерированного проекта:
Обновление конфигурации для установки CI/CD
Обновите конфигурацию Karma для поддержки безголового хрома:
обновить конфигурацию кармы в src/karma.conf.js
.
Обновите конфигурацию транспортира для поддержки Chrome без заголовка:
Обновить файл конфигурации транспортира в e2e/protractor.conf.js
Проверка:
проверить модульные тесты npm run test
.
проверить сквозные тесты npm run e2e
.
Конфигурация сборки кода AWS:
поместите файл buildspec.yml
в корневую папку проекта с заданной конфигурацией 🚀 🚀 🚀
Отправить код в репозиторий Git, связанный со сборкой кода AWS:
Нажмите код AWS, создайте связанный репозиторий git и начните сборку 👏 👏