Вы также можете просмотреть этот пост в моем личном блоге здесь.

Мейнтейнерам очень сложно настраивать и проверять каждый запрос на включение, созданный в их репозитории, особенно когда репозиторий становится популярным или во время Hacktoberfest.

Netlify помогает вам создавать предварительные просмотры для каждого PR, который вы получаете в своем репозитории бесплатно, и настройка очень проста!

Создать учетную запись Netlify

Перейдите в Netlify, чтобы создать учетную запись. Вы можете зарегистрироваться через GitHub, GitLab, Bitbucket или по электронной почте. Выбор Зарегистрироваться с помощью GitHub — это самый быстрый способ, так как вы можете напрямую предоставить ему доступ к своим репозиториям.

Создать новый сайт

После создания учетной записи вам будет предложено создать новый сайт. Сначала вам нужно выбрать поставщика Git, который вы используете. В нашем случае это GitHub.

Откроется новое окно с просьбой разрешить Netlify доступ к вашим репозиториям GitHub.

Следующим шагом будет выбор репозитория, в котором вы хотите показывать превью. Вам будет предоставлен список ваших репозиториев на выбор.

После того, как вы выберете репозиторий, вам будет предложено выбрать ветку.

Вам также будет предложено добавить некоторые параметры сборки:

  1. Команда сборки. Команда, которую необходимо запустить в проекте, чтобы он был готов к работе. Если вы используете какие-то фреймворки или зависимости разработки, или ваш проект нуждается в какой-то доработке, прежде чем он будет готов к публичной публикации, вам нужно создать для него сценарий и ввести команду здесь. Например, если вы используете npm и у вас есть скрипт сборки, вы должны ввести здесь npm run build
  2. Каталог публикации.Если в вашем репозитории есть каталог публикации, например build, public или статический, его следует ввести здесь. В противном случае корень репозитория будет опубликован для производства.

Если есть некоторые переменные среды, которые вам нужно добавить для целей настройки, вы можете нажать «Показать дополнительные», затем нажать «Новая переменная» и начать добавлять переменные и их значения.

Когда вы закончите, нажмите «Развернуть сайт». Вы будете перенаправлены на новую панель инструментов для вашего сайта, где будут показаны сведения о текущем развертывании, а также другая информация.

Вы заметите, что вашему проекту будет присвоен случайный URL и имя. Например, определяемый-goodall-351866. Вы можете изменить настройки домена и ввести собственный домен, если он у вас есть.

Создание предварительных версий сборки для PR

Перейдите в «Настройки сайта» и выберите «Сборка и развертывание» на боковой панели. Затем прокрутите вниз до «Развернуть уведомления».

Затем щелкните раскрывающийся список «Добавить уведомление» и выберите «Комментарий GitHub Pull Request». Откроется новое окно, в котором вам будет предложено выбрать событие, к которому следует добавить комментарий. Выберите «Развернуть предварительную версию успешно».

Далее вы можете выбрать комментарий, который будет отображаться. Этот комментарий будет рядом с URL-адресом пользовательского URL-адреса. Введите комментарий, например «Ваш предварительный просмотр готов!».

Когда вы закончите, нажмите Сохранить.

Вывод

После выполнения описанных выше шагов для каждого нового PR будет создаваться предварительный просмотр, и вы увидите комментарий к PR с URL-адресом, по которому вы можете просмотреть предварительный просмотр.