Мой опыт работы с NetLify Dev после нескольких часов его использования

Примечание: Это перекрестная температура из моего блога. Найдите оригинальную статью здесь: https://owenconti.com/devops/my-experience-with-netlify-dev-after-a-couple-hours-using-it/

NetLify dev был объявлен сегодня утром, 9 апреля 2019 года.

Короче говоря, он позволяет запускать среду NetLify (сборки, статическое хостинг, функции, перенаправления и т. Д.) На вашей локальной машине. После запуска он также позволяет открыть туннель в общедоступный интернет, чтобы получить доступ к вашему проекту (подумайте ngrok ) Анкет

Для получения дополнительной информации о его функциях и о том, как это работает, я рекомендую прочитать репозиторий GitHub Readme: https://github.com/netlify/netlify-dev-plugin Анкет

NetLify Dev пытается автоматически обнаружить, какой тип проекта Frontend у вас есть, и запускает соответствующую команду, чтобы запустить Dev Server для вас. Вы можете найти список проектов, которые он может автоматически обнаружить здесь: https://github.com/netlify/netlify-dev-plugin/tree/master/src/detectors .

Пользовательские команды

Если вы запускаете проект, не указанный по ссылке выше, вы можете сказать NetLify, какую команду запустить через netLify.toml конфигурационный файл. Например, этот блог построен с NextJS, однако я запускаю обертку вокруг NextJS под названием Nextein Анкет Поскольку я должен запускать Nextein вместо NextJS для моего сервера разработки, мне нужно сообщить NetLify Dev:

[dev]
  publish = "out"
  port = 3000
  command = "npm start"

[dev] Block сообщает NetLify использовать эти настройки с NetLify dev командование
публиковать Значение сообщает NetLify, в каком каталоге есть наш _redirects файл
Порт Значение сообщает NetLify, какой порт наш сервер разработки работает на
Команда Значение сообщает NetLify, какую команду запустить для запуска нашего сервера разработки (Требуется только в случае запуска проекта, еще не обнаруженного NetLify)

Переменные среды

Здесь я столкнулся с самыми проблемами, пытаясь использовать NetLify Dev.

В одном из моих проектов у меня есть пара переменных окружающей среды, которые должны отличаться между моим производственным развертыванием и моей местной средой. Например, URL обратного вызова, который я перехожу в Twitter во время потока аутентификации OAuth.

В производстве я установил эти переменные через раздел «Переменные среды сборки» в пользовательском интерфейсе NetLify. В разработке я использую dotenv Пакет и .env Файл (который игнорируется GIT) для установки переменных среды локально.

До того, как NetLify был выпущен, я использовал netLify-lambda Пакет для запуска моих функций локально. С этой настройкой переменные моей среды работали совершенно нормально.

Однако после перехода на NetLify dev и запустить NetLify Link Команда для связи моего локального проекта с проектом в NetLify (Связывание проектов позволяет NetLify дотянуть переменные «производственные» среды из NetLify до вашей локальной машины для использования с netLify dev ) , мой местный .env Переопределения больше не работают. Кажется, NetLify Dev предотвращает Dotenv Пакет из переоценки Process.env ценности.

Я оставил комментарий По связанной с этим вопросом в их репозитории GitHub, так что, надеюсь, они смогут вернуться ко мне с ответом на это.

Резюме

Таким образом, я думаю, что NetLify Dev — отличный продукт, который упростит опыт разработчика, когда разработчик использует полный набор продуктов NetLify. Если разработчик просто использует статическую часть хостинга NetLify, я чувствую, что NetLify Dev обеспечивает небольшую ценность. Но как только вы начнете использовать функции NetLify или _redirects Функции, NetLify Dev имеет полный смысл.

Однако я надеюсь, что они в ближайшее время разобрались с переменными окружающей среды.

Оригинал: «https://dev.to/owenconti/my-experience-with-netlify-dev-after-a-couple-of-hours-of-using-it-459k»