返回

微信小程序一键上传:miniprogram-ci+inquirerJs

前端




前言

大家好,我是啊肥,在使用uni-app的时候发现了这么一个问题,当build需要上传代码时需要再打开一个开发者工具,能不能build的时候直接上传代码呢?

正文

1. 安装miniprogram-ci

npm install -g miniprogram-ci

2. 创建配置文件

在项目根目录下创建一个名为miniprogram-ci.json的文件,内容如下:

{
  "type": "app",
  "appid": "your appid",
  "setting": {
    "url": "your miniprogram url"
  },
  "compile": {
    "type": "weapp",
    "env": "development"
  }
}
  • appid是你的小程序的appid。
  • url是小程序的线上地址。
  • env是编译环境,可选值有developmentproduction

3. 安装inquirerJs

npm install inquirer

4. 创建脚本文件

在项目根目录下创建一个名为build.js的文件,内容如下:

const inquirer = require('inquirer');
const miniprogramCi = require('miniprogram-ci');

inquirer.prompt([{
  type: 'confirm',
  name: 'confirm',
  message: '是否确定上传代码?'
}]).then(answers => {
  if (answers.confirm) {
    miniprogramCi.upload({
      projectPath: './',
      configPath: './miniprogram-ci.json'
    }).then(res => {
      console.log('上传成功!');
    }).catch(err => {
      console.error('上传失败!', err);
    });
  }
});

5. 运行脚本

node build.js

6. 结果

运行脚本后,会弹出确认对话框,询问是否确定上传代码。如果选择确定,则会开始上传代码。上传成功后,会在控制台输出上传成功!

总结

以上就是如何使用miniprogram-ci和inquirerJs实现微信小程序的一键上传。希望本文能够帮助到大家。