vue系列

uni小程序代码自动上传到微信后台

2023-02-21  本文已影响0人  litielongxx

小程序官方提供了,npm包基于 node环境自动上传代码;相当于开发工具手动点击。

1 准备前提

1.0 根目录安装官方给的包 cnpm为淘宝镜像npm或yarn也行

cnpm i miniprogram-ci -D

1.1 微信后台获取上传密钥和白名单配置

ip为路由器对外的ip,不是区域网ip。
运行错误时,cmd会自动提示对应的ip。

image.png
官网:https://developers.weixin.qq.com/miniprogram/dev/devtools/ci.html

2 根目录加入autoUpload.js 和对应上步的private.xx.key

image.png
autoUpload.js
const path = require('path')
const ci = require('miniprogram-ci')
    ; (async () => {
        const project = new ci.Project({
            appid: 'wx0868ad03b79b1465',
            type: 'miniProgram',
            projectPath: path.resolve(__dirname, './dist/build/mp-weixin'), //项目路径,
            privateKeyPath: path.resolve(__dirname, './private.xx.key'),
            ignores: ['node_modules/**/*'],
        })
        const uploadResult = await ci.upload({
            project,
            version: '1.1.1',
            desc: 'hello',
            setting: {
                es6: true,
                minifyJS: true,// 压缩 JS 代码
                minifyWXML: true,//     压缩 WXML 代码
                minifyWXSS: true,//压缩 WXSS 代码
                minify: true, //压缩所有代码,对应小程序开发者工具的 "压缩代码"
                // codeProtect:false    对应小程序开发者工具的 "代码保护"
                autoPrefixWXSS: true //对应小程序开发者工具的 "样式自动补全"
            },
            usingComponents: true,
            lazyCodeLoading: "requiredComponents",
            onProgressUpdate: console.log,
        }).then(res => {
            console.log('成功', res)
            // console.log(`版本${mainfest.versionName}`)
        }).catch(error => {
            console.log('失败', error)
            throw error
        })
        // console.log(uploadResult)
    })()


3 根目录cmd打开,node autoUpload,这个只是web上后端部署调整后和实现对应。

image.png

针对uni多一步操作 相当于先运行hbuilder的发行,再上传到微信开发者后台

 "scripts": {
    "upload": "npm run build:mp-weixin && node autoUpload.js",

cmd也换成npm run upload

image.png

ps:
参考 https://www.cnblogs.com/shiazhen/p/14581482.html
jekins部署:https://blog.csdn.net/sulia1234567890/article/details/120134399

上一篇下一篇

猜你喜欢

热点阅读