Рубрики
Uncategorized

Автоматизация CI / CD с веб-кавками: развертывание Vercel через SMS

Узнайте, как автоматизировать CI / CD с веб-кавками. Помечено с Showdev, WebHooks, DevOps, Tutorial.

В более ранней статье в этом блоге я преподавал вам, как использовать мощность веб-качников для автоматизации развертываний NetLify. В этом руководстве вы можете следить за платформой Vercel, развертывания и совместной работы для разработчиков Frontend, которые аналогичны NetLify. Я покажу вам, как построить сервис, который вызывает развертывание Vercel через SMS, чтобы после полученного ключевого слова SMS определенного ключевого слова запускается, запускается сборка Vercel. Чтобы сделать это, мы будем подключать WebHooks Twilio с эквивалентом веб-кауда Vercel, развертываю крюки.

Прочитав этот пост, вы узнаете, как:

  • Настройте крюки развертывания Vercel
  • Настроить WebHooks Twilio

Мы написали пару статей по основам работы с Twilio WebHooks Я предлагаю вам Проверьте их прежде чем продолжить с этим постом.

Настройка подключений развертывания Vercel

Чтобы начать построить эту услугу, нам нужно настроить развертывающие крючки Vercel. Как только это будет сделано, вам будет снабжен URL-адресом, который запускает Vercel Builds, когда он получает HTTP-запрос. Сначала направляйтесь к вашему Vercel Приборная панель и выберите проект, который вы хотели бы настроить автоматическое развертывание. Перейдите на страницу настроек вашего проекта и выберите пункт меню «Git». Прокрутите в раздел «Развертывание крюков», напишите подходящее имя для вашего развертывания крюка в меню и выберите ветвь, которая будет развернута из раскрывающегося меню. После заполнения формы нажмите кнопку «Создать крюк». Если все пойдет хорошо, вы должны получить URL-адрес, который является ваш развертывающий крючок. Важно отметить, что развертывание Vercel развертывание доступна только для проектов, подключенных к G это репозиторий.

Создание сервера

В этом разделе вы узнаете, как настроить сервер, который делает HTTP-запрос на URL-адрес триггера, после того, как он получил уведомление WebHook от WebHooks Twilio. Начните с инициализации нового проекта NODEJS и добавьте следующие строки кода в корневой файл вашего проекта:

    const express = require("express");
    const app = express();
    const request = require("request");
    const bodyParser = require("body-parser");

    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: true }));

    const TriggerDeploy = () => {
        const options = {
          method: "POST",
          url:
           "https://api.vercel.com/v1/integrations/deploy/xxxxxxx",
          headers: {
           "Content-type": "application/json",
          }
        }
        request(options, function (error, response) {
          if (error) throw new Error(error);
          console.log(response.statusCode);
        });
    }

    const hasWord = (str, word) => str.split(/\s+/).includes(word);

    app.post("/", async (req, res) => {
      res.status(200).send()
      const body = req.body.Body
      const shouldTrigger = hasWord(body, "deploy")
      if (shouldTrigger){
        TriggerDeploy()
      }
    });

    app.listen(3000, () => console.log(`App is running on port 3000`));

Как видно на фрагменте кода выше, если вы получите запрос, содержащий слово «Развертывание», вы должны настроить свой веб-сервер, чтобы сделать HTTP-запрос на URL-адрес TRIGGER VERCEL. Обязательно обновите поле URL в TriggerDeployPloy Функция выше с URL-адресом, который вы получили после создания развертывания крючка на Vercel. С помощью этого сервера на месте можно использовать локальный туннельный инструмент, такой как Ngrok в среде разработки, чтобы получить URL. URL для этого сервера требуется для настройки WebHooks Twilio в следующем разделе.

Настройка WebHooks Twilio

Настало время для нас прогуляться по установлению веб-капонов Twilio. Чтобы начать, отправиться на вкладку номера телефона на консоли Twilio, прокрутите в раздел «Обмен сообщениями» и измените значение «Configure с помощью» в «WebHooks». Далее введите URL-адрес сервера сверху в поле «Сообщение входит в поле». После заполнения формы сохраните настройки!

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

Готовимся к производству

Прежде чем вы сможете развернуть ваш сервис к производству, все еще есть некоторые свободные цели, которые нужно связать. Теперь вам нужно развернуть ваш веб-сервер на правильный хостинг-сервис, такой как H EROKU. После этого вы также должны настроить Hookdeck. Hookdeck контролирует приемных и ошибок в соединениях в Интернете, гарантируя, что вы не пропустите уведомления о любых уведомлениях WebHook, отправленные VERCEL. Чтобы начать устанавливать его, проверьте наше руководство. Как только это будет сделано, вам просто нужно обновить поле WebHook URL-адреса в Twilio с предоставленным новым URL Hookdeck, и ваш сервис завершен!

В заключение

В этом руководстве мы узнали, как автоматизировать развертывание в Vercel, используя мощность веб-капонов. Это не так сильно, как вы думаете — особенно при использовании Hookdeck!

Интересно узнать больше? Следуйте Hookdeck, где я буду делиться учебниками и руководством о веб-кавках! Попробуйте Hookdeck бесплатно Отказ Получите, отслеживайте и управляйте всеми своими веб-кавками из одного места. Мы обрабатываем сложность, чтобы вы могли сосредоточиться на создании вашего продукта.

Оригинал: «https://dev.to/hookdeck/automating-ci-cd-with-webhooks-vercel-deploys-via-sms-4i1p»