Интерфейсный инструмент автоматического развертывания в один клик 🛠

внешний интерфейс

Интерфейсный инструмент автоматического развертывания в один клик 🛠

Поскольку в последнее время я отвечаю за многие проекты в компании, развертывание становится более проблематичным, и по-прежнему существует множество сред развертывания (включая локальную разработку, тестирование и производство).Развертывание нескольких сред занимает много времени. также используетсяJenkins,GOCDи другие инструменты развертывания непрерывной интеграции. Однако, с одной стороны, из-за громоздкости настройки, многие фронтенд-коллеги не настраивают эти инструменты непрерывной интеграции и проектов компании много, все используют один во фронтенде и бэкенде.JenkinsServer, что приводит к более медленному развертыванию. А производственная среда — это среда, в которой необходимо использовать развертывание внутренней сети VPN,JenkinsНевозможно развернуть, поэтому каждое развертывание нужно упаковывать вручную и развертывать вручную, что очень хлопотно. Поэтому я сделал такой интерфейсный инструмент автоматического развертывания одним щелчком мыши, чтобы сократить потери времени, вызванные развертыванием проектов.

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

deploy-cli-service

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

1 установка

"Установите службу deploy-cli глобально"

npm install deploy-cli-service -g

"Установите службу deploy-cli локально"

npm install deploy-cli-service --save-dev

"Проверить версию, указав, что установка прошла успешно"

deploy-cli-service -v

"Примечание. Перед вызовом необходимо добавить локальную установку.npx"

npx deploy-cli-service -v

2 Использование (далее в качестве примера используется глобальная установка)

"2.1 Просмотр справки"

deploy-cli-service -h

"2.2 Инициализировать файл конфигурации (в каталоге проекта)"

deploy-cli-service init # 或者使用简写 deploy-cli-service i

Заполните содержимое в соответствии с подсказками, и файл deploy.config.js будет сгенерирован в корневом каталоге проекта.Первоначальная конфигурация будет генерировать только три конфигурации: dev (среда разработки), test (тестовая среда) и prod ( производственная среда), а также доступны другие конфигурации. Обратитесь к шаблону, чтобы настроить его самостоятельно.

"2.3 Вручную создавать или изменять файлы конфигурации"

Файл конфигурации можно создать вручную без использования приведенной выше команды инициализации. Создается вручную в корневом каталоге проектаdeploy.config.jsфайл, скопируйте следующий код и измените его в зависимости от ситуации.

module.exports = {
  projectName: 'vue_samples', // 项目名称
  privateKey: '/Users/fuchengwei/.ssh/id_rsa',
  passphrase: '',
  dev: {
    // 环境对象
    name: '开发环境', // 环境名称
    script: 'npm run build', // 打包命令
    host: '192.168.0.1', // 服务器地址
    port: 22, // 服务器端口号
    username: 'root', // 服务器登录用户名
    password: '123456', // 服务器登录密码
    distPath: 'dist', // 本地打包生成目录
    webDir: '/usr/local/nginx/html', // 服务器部署路径（不可为空或'/'）
    isRemoveRemoteFile: true // 是否删除远程文件（默认true）
  },
  test: {
    // 环境对象
    name: '测试环境', // 环境名称
    script: 'npm run build:test', // 打包命令
    host: '192.168.0.1', // 服务器地址
    port: 22, // 服务器端口号
    username: 'root', // 服务器登录用户名
    password: '123456', // 服务器登录密码
    distPath: 'dist', // 本地打包生成目录
    webDir: '/usr/local/nginx/html', // 服务器部署路径（不可为空或'/'）
    isRemoveRemoteFile: true // 是否删除远程文件（默认true）
  },
  prod: {
    // 环境对象
    name: '生产环境', // 环境名称
    script: 'npm run build:prod', // 打包命令
    host: '192.168.0.1', // 服务器地址
    port: 22, // 服务器端口号
    username: 'root', // 服务器登录用户名
    password: '123456', // 服务器登录密码
    distPath: 'dist', // 本地打包生成目录
    webDir: '/usr/local/nginx/html', // 服务器部署路径（不可为空或'/'）
    isRemoveRemoteFile: true // 是否删除远程文件（默认true）
  }
}

"2.4 Развертывание (в каталоге проекта)"

Примечание: вам нужно добавить после команды--modeОбъекты окружающей среды (например:"--mode dev")

deploy-cli-service deploy --mode dev # 或者使用 deploy-cli-service d --mode dev

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

"2.5 Локальная установка расширений"

Если вы используете команду локальной установки, вы можете установить ее в корневой каталог проекта."package.json"в файлеscriptsДобавьте в скрипт следующий код

"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint",
  "deploy:dev": "deploy-cli-service deploy --mode dev",
  "deploy:test": "deploy-cli-service deploy --mode test",
  "deploy:prod": "deploy-cli-service deploy --mode prod"
}

Затем используйте следующий код для завершения операции развертывания.

npm run deploy:dev

Наконец, если вы считаете, что это хорошо и просто в использовании, пожалуйста, дайте ему звезду 😜😜😜.

Категории