Está Es La Contruación de Mi Post Post Ansiory. SUNCEIREMOS ESTA SERIE CON LA REPLIESACION DEL CD EN CI/CD — непрерывная доставка.
Результат — 🔚
- ООН ПРОЕЕКТО ALOJADO EN NetLify (свободный уровень)
- Unuevo archivo de configuración circleci
config.yml.
- Underjo de trabajo en circleci que nos permitirá hacer Развертывание . CADA VEZ QUE HAGAMOS слияние ООН потянул запрос де Nuestra
Мастер филиал
Отказ
Непрерывная доставка (CD) 🤝
EN ESTA Edición No Recurrire A La Documentación de Microsoft, Si No Que ля де onlicedelivery.com , Que Dice:
Непрерывная доставка Es La Habilidad de Obtener Los Cambios de ToDo Tipo, incluyendo las nuevas caracteristicas, cambios de configuración, исправления ошибок y Experiments, Productción o Las Manos de Los Usuarios, De una Manera Segura, Rápida Y состенимы.
Una defionición bastante завершается. En elltimo Post, Hablamos Acerca de la Integración. Una Instancia Para ООН Тестирование Cellto — Nos Gustaría -, El último Cheeckeo Para Estar Seguros Que Los Cambios Que Hicimos a Nuestra Applación No Romperán El Producto Final. AHORA — EN EL ELIND ANDUSIOND ALIESTRO AHEMPO DE ASEGURAR que Nuestro Usuario Final Reciba La AlipaCión de la Manera Más Rápida E Integra🏃♂️.
Primer Paso 1️⃣: Crage Una cuenta en netlify
- Энтрамос Este Link Y Crowsos Una Cuenta.
- Una Vez Que Terminemos de Registrarnos, Seremos Redirigidos Nuestro Panel De Control, El Cual Estará Vacío. Hacemos Нажмите EN Новый сайт из Git
Нажмите EN Github E Ingresamos Nuestras Credenciales 🔐
Aparecerá una soliccitud de instalación 🔧 🔧 que eceesita hacerse en github
TeneMos DOS Opciones Aquí: Permitir Que NetLify Tenga Acceso Ados Nuestros Proyectos o Sonlamente Los que escojamos. Elegiremos La última y Solo Permitiremos Que NetLife Vea la Alipeación Que Creamos El último Post.
Hacemos Нажмите EN
Установить
E Ingresamos Nuestra Clave 🔑.En La Ventana Siguiente, Hacemos Нажмите NueVamente En El Nombre deestro ProyeCto de github
AHORA VEREMOS UN Formulario Donde Podemos Configurarar Nuestras Параметры сборки Para El ProReecto. Lo dejaremos Como Está, Porce Así Tal Cual Es Como Lo Necesitamos Para Los Siguientes Pasos.
Hagamos Нажмите EN Развертывание сайта
Si Están Siguiendo Esta Serie De Posts, Todo debería Funcally y en un par de segundos su preto deberá haberaDo. Abajo del Nombre de Su ProyeCto, Debería Haber Un Link Con Una Extensión .netlify.com.
. Si Le Hacemos Нажмите Seremos Redirigidos Nuestro Nuevo Siti Web!
Si El Sitio Нет Fue Creado 🙅🏽♂️, Sugiero Estos Powbles Escenarios.
- SU PREECTO FUE Creado CON NPM Y EN EL 8VO PASO, LO CONFIGURAMOS PARA USARSE CON
пряжа построить
Отказ Solo TeneMos Que Ir AНастройки> Build & Deploy> Редактировать настройки
Отказ Ahí Podremos Modifistar NuestroСоздать команду
PARA USAR NPM. - Quizás NetLify Le Dimos Permisos Para Otro Repositorio. Para Revisar Que Repositorio Está Conectado Con Nuestra Cuenta NetLify, Vayamos A
Настройка
y abajo de la url, hacemos Нажмите Donde DiceGithub
Отказ ESE LINK NOS Redireccionara Al Repositorio En Conexión.
Agregar Un построить крючок Nuesestra Configuración детилифицируйте
EN STRPERS PALABRAS, EL CONSTOR COBLE es en endpoint Отказ SI Enviamos un Пост
Запросить Vacío, desencadenaríamos el preceso de построить
+ Развертывание
. De La Rama Master de Nuestro Repositorio.
Vayamos a
Настройки> Создание и развертывание
y bajemos hastaпостроить крючки
.Hacemos Нажмите EN
Добавить Cook Cook
Le asignamos un nombre descriptivo y Guardamos.
Copíamos La Url Que que que que. Peguémosla en algún lugar porque la necesitaremos más tarde.
Переменная среды конфигурации UNA RU CIRCLECI
Ya tenemos una url que que sirve como un unsepoint para desencadenar nuestro Создание + развертывание Отказ Ahora Vamos usar Eso en nuestro archivo de configuración de circleci config.yml
Отказ Перо como buenos desarrolladores que somos, мне представьте que que queemos que esa URL
quedé pública en nuestro repositorio de github 🤔 — Cualquiera Podría Gatillar ООН развертывает Simplemente Enviando Un Опубликовать URL ESA. Para Esto, переменные TeneMoS de Ambiente Que Los Allables Trabajadores de Circleci Nos Han Provisto.
- Vayamos a nuestra app de circleci
- Hacemos Нажмите EN
Рабочие места
Hagamos click en el ícono de configuración que astá al lado del nombre de nuestro proyecto
Nos encontramos doctro de la configuración Esceifica Para Ese
Работа
Отказ Hacemos Нажмите Donde DiceПеременные среды
Ahora Нажмите EN
Добавить переменную
Le Daremos un Nombre Descriptivo —
awesome_endpoint
— y en elценность
Pegamos El конечная точка Que Guardamos Ansowmente — La Url Del Consult Hook детилифицируйтеHagamos Нажмите EN
Добавить переменную
Neevamente
Casi Listos, Solo Un Paso Más!
Cambiar La Configuración de circleci
EN Nuestro último Archivo config.yml
Соло ejecutamos un set de test. Ahora El Objectivo Es Testage Solo En Nuestra Функция филиала
y únicamente Hacer Развертывание
. CuAndo Hacemos слияние de una потянуть запрос Hacia Nuestra Rama Master.
Primero: asegurémonos de estar en la Функция филиала
нет en la Мастер
🙏 🏽. Si. ведома Эль Архиво config.yml
Veremos La Palabra рабочие места
. Abajo de esto, соло veremos un работа
, построить
Отказ Ahora Agregaremos Un Segundo Job, Lo Llamaremos развертывать
En este работа
Esceptificalaremos en Qué máquina queremos trabajar. EN ESTE CASO ELIJAMOS UNA Macos
Отказ Luego recuerdan la url que nos dieron en nuestro построить крючок
🧠, La Usaremos Neevamente.
Су Нуэво работа
Debería Verse Así.
deploy: machine: macos: xcode: '9.0' steps: - run: command: curl -X POST -d {} ${awesome_endpoint}
Cómo PueDen Imaginar, Detrás de $ {Awesome_endpoint}
SE Asconde Nuestra Variable de Ambiente Con El Endpoint Secreto Que Gatilla эль Создание + развертывание del proyecto.
AHORA TENEMOS DOS Работа
Создание и развертывание. COMO LOS Unimos? Con рабочие процессы
Отказ Podemos Agendar Los Работа
Que Queremos Que Se Gatillen Ante Ciertas Previage Configurararemos. Más Información Aquí en la documentación Отказ
workflows: version: 2 build: jobs: - build: filters: branches: ignore: master - deploy: filters: branches: only: master
Примеро, декламос Ла-Палабры клав рабочие процессы
Отказ Луэго, Эскремс CADA работа
que. queremos ejecutar y filtramos cada uno por ветви
. Эль построить
Работа Игнара ЛА Мастер филиал
, Пор Ло Танто Эеекута En Custquier Otra Rama. POR OTRO LADO, EL JOB Развертывание
. estipula que se ejecutará соло En la Rama владелец
. TAL COMO LO HALLAMOS Ansormente, Estamos Pensando En Hacer EL TEXTING EN LA Функция филиала
Y Luego Solo Hacer Развертывание
. RU владелец
.
Nuestro Archivo Final config.yml
Debería Terminar Viéndose Así:
version: 2 jobs: build: docker: - image: circleci/node:lts working_directory: ~/repo steps: - checkout - restore_cache: keys: - v1-dependencies-{{ checksum "package.json" }} - v1-dependencies- - run: yarn install - save_cache: paths: - node_modules key: v1-dependencies-{{ checksum "package.json" }} - run: yarn test deploy: machine: macos: xcode: '9.0' steps: - run: command: curl -X POST -d {} ${awesome_endpoint} workflows: version: 2 build: jobs: - build: filters: branches: ignore: master - deploy: filters: branches: only: master
HACER COMBITE DE LOS CAMBIOS Y PUSH A LA Функциональная филиал
El único Cambio Que Hicimos El Código Del Repositorio Fue El Archivo config.yml
Отказ Lo agrogamos y hacemos push aestro Remoto con Git Add .Circleci/config.yml && git commit -m 'circleci: добавить развертывание задания и рабочего процесса' && git push Origin
Creamos un Pull запрос COMO Vimos El El Post Anderior.
AHORA SE VEN LOS RESHICADOS DE TODO LO QUE HEMOS HECHO EN LOS úLTIMOS DOS Posts.
Primero, TeneMos que esperar que los проверяет SE завершиться. Esperyficamente El Job построить
que es eel que configuramos en nuestra Мастер филиал
COMO протексион. SI Нет SE Завершивание EXIDOSAMETE, нет HACER PODREMOS * слияние
MientArs Esperamos, EN Circleci Nuestro построить
ESTA Correiendo
Люго-де Галантер Hecho слияние del pull request, EL Job Развертывание
. SE Ejecuta En Nuestra Мастер филиал
CuAndo SE завершен, SE Gatilla El построить крючок
de netlify — El Que TealaMos en la Variable de Ambiente de circleci. ESTO Gatilla UN Build + Deploy En Nuestro Sitio de NetLify — El Con Ла .netlify.com
расширение.
Финализа, Люго-де-Кау Ла построить de netlify es exitosa, nuestro sitio web está listo!
Сделано Отказ
Últimas Palabras.
ESTO вывод Nuestro Viage. AHORA SON LOS MODESTOS MODESTOS DE ООН ПРОЙЕКТО ОБЛАСТЬ ОБЛАСТИ УДАЛЕНИЯ y Развертывание Automático. Siéntanse Orgullosos Y PueDen Hacerle El преодолевать
que quieran con lo retrendido, hasta a sesto más sencillos. Crean en Sus Proyectos, сын гениалов.
Салюдос!
Más Información.
Ла Documentación de Circleci Пуде Дарлс Мэр ООН Enternedimiento de Cómo Usar La Plataforma.
Оригинал: «https://dev.to/sebalinares/profesionaliza-tus-proyectos-personales-con-circleci-netlify-github-parte-2-4j2f»