Был резкий рост использования виртуальных облачных серверов для размещения приложений. И много разработчиков реализуют CI/CD. Это делает развертывание в облаке легко и быстро.
Многие приложения больше не используют FTPS или традиционные общего хостинга. Но есть еще многие из нас, которые принимают свои приложения в общем хостинге, потому что приложение простое, а стоимость тоже низкая. Сегодня мы узнаем, как автоматически развернуть наш код для общего хостинга через FTP всякий раз, когда что-то нажата на BitBucket.
Bitbucket имеет интегрированную службу CI/CD под названием Bitbucket трубопроводы Это позволяет нам автоматически создавать, тестировать и развернуть наш код. Мы настроим конвейер, создав Bitbucket-Pipelines.yml
Файл в корневом каталоге нашего репозитория. В этом файле мы добавим шаги для развертывания нашего приложения на FTP-сервере, когда код нажимается на ветку Master.
Давайте начнем.
Я буду использовать простое приложение погоды, написанные в Vue CLI https://github.com/oxyyyyy/vue-weather Отказ Я развесил этот репо, чтобы обновить ключей API погоды в https://github.com/maharjanmilan/vue-weather.
Чтобы импортировать этот GitHub Repo на ваш битбукет, перейдите в https://bitbucket.org/repo/import.
Создать Bitbucket-Pipelines.yml
файл в корне проекта.
Это конфигурация сборки для Docker. Вы можете использовать любое изображение Docker из Docker Hub как ваша среда сборки. Здесь я использовал Узел: Последние
изображение. Под ветви
Я указал Мастер
Отказ Таким образом, эта сборка произойдет только тогда, когда мы нажимаем на ветку Master. Под Сценарий
Я упомянул несколько команд для запуска внутри контейнера. Затем я использовал FTP-трубу, предоставленную BitBucket, чтобы развернуть код на FTP-сервере. Под переменные
Мы определяем наши параметры FTP CPanel или любого хостинга.
Здесь вы можете видеть, что я использовал переменные среды трубопровода. Это может быть определено в репозитории Настройка> Трубопроводы> Переменные репозитория
Переменные среды трубопровода
Вы всегда должны использовать переменные конвейерной среды для чувствительной информации.
Как только вы создали и совершили файл, нажмите на Трубопроводы
Меню и нажмите Включить
кнопка. Теперь трубопровод включен для этого хранилища.
Теперь, когда вы нажимаете на ветку Master, процесс сборки срабатывает автоматически. Вот что происходит:
BitBucket создаст контейнер с кодом текущего репозитория из изображения, который мы упоминали в YML
файл. В этом случае от Узел: Последние
изображение.
Затем он работает Пряжа устанавливает
Чтобы установить все задумывательные библиотеки JS.
Поскольку мы развертываем проект в производстве, нам не нужны все коды из репозитория. Пряжа бежит построить
Команда будет компилировать необходимый код и хранить в Dist
папка. Нам нужно только развернуть эту папку.
Bitbucket FTP-труба будет скопировать Dist
папка, как определено в $ ftp_local_path
Переменная к $ ftp_remote_path
Путь на нашем FTP-сервере.
Если вы идете в Трубопроводы
Меню Вы можете увидеть текущий запуск трубопровода.
Список трубопроводов
Вы также можете нажать на определенный конвейер и просмотреть шаги сборки и строить журналы.
Страница детализации трубопровода
Это заняло 3 м 28 для всего процесса сборки. Во время этого письма BitBucket предоставляет бесплатные 50 минут сборки, которые должны быть достаточно, если вы не будете так тотаться. Также, если вы должны вернуть ваши изменения, вы можете просто щелкнуть на старых трубах и повторно повторно.
Теперь код должен быть развернут на ваш FTP-сервер. Мой был загружен здесь: http://weather.milanmaharjan.com.np/
Это так просто, как это.
Если ваше приложение не работает, обновите ключ API для Weatherbit в SRC/Constants.js
файл. Вы можете создать ключ API бесплатно от Потребительница
Gitlab Также имеет аналогичный интегрированный сервис CI/CD, и они предоставляют 2000 год сборки в месяц бесплатно. Я также планирую написать учебное пособие на Gitlab.
Я надеюсь, что этот учебник был полезен для вас. Если у вас есть какие-либо проблемы, дайте мне знать в комментариях ниже.
Оригинал: «https://dev.to/milanmaharjan/continuous-deployment-cd-from-bitbucket-to-cpanel-ftp-server-2jn9»