uni-app 微信小程序CI机器人自动化部署方案

这篇具有很好参考价值的文章主要介绍了uni-app 微信小程序CI机器人自动化部署方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniApp微信小程序CI机器人自动化部署

1. 微信公众平台上,在开发设置里面小程序代码,将上传代码的服务IP地址填充下,生成一个上传秘钥下载下来

ci机器人1,前端,微信小程序,ci/cd,自动化

2. 将下载的秘钥文件放在uni-cli 项目的根目录下

ci机器人1,前端,微信小程序,ci/cd,自动化

3. npm 微信官方的miniprogram-ci模块
const ci = require('miniprogram-ci')
const path = require('path') // 需要用到项目目录文件
const project = await new ci.Project({
    appid: appid, //appid
    type: 'miniProgram',
    projectPath: path.resolve(__dirname, './dist/build/mp-weixin'), //项目路径
    privateKeyPath: path.resolve(__dirname, `./private.${appid}.key`), //小程序后台的上传密匙
    ignores: ['node_modules/**/*'],
});
// 预览小程序
const previewResult = await ci.preview({
    project,
    desc: '预览', // 此备注将显示在“小程序助手”开发版列表中
    setting: {
        es6: true,
    },
    qrcodeFormat: 'image',
    qrcodeOutputDest: path.resolve(__dirname, `./preview/previewQrcode.jpg`),
    onProgressUpdate: console.log
});
let env_object = {
    production: 1,
    master: 2,
    test: 3,
    test02: 5,
    development: 4
}
// 上传代码方法以及回调
const uploadResult = await ci.upload({
    project,
    robot: env_object[status],
    version: mainfest.versionName,
    desc: mainfest.description,
    setting: mainfest['mp-weixin'].setting,
    onProgressUpdate: console.log,
}).then(res => {
    console.log(`版本${mainfest.versionName}`)
}).catch(error => {
    throw error
})
4. 把上面的代码写到一个js 文件放在项目根目录下

ci机器人1,前端,微信小程序,ci/cd,自动化文章来源地址https://www.toymoban.com/news/detail-610149.html

5. 在package.json里面写好打包和启动的scripts脚本命令
"dev:mp-weixin": "cross-env NODE_ENV=development ENV_STATUS=development START_UP=dev UNI_PLATFORM=mp-weixin node autoUpload.js",
6.剩下的操作就是你上传好代码,打包交给jenkins构建工具就好了

到了这里,关于uni-app 微信小程序CI机器人自动化部署方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【uni-app微信小程序】实现支付功能

    实现微信支付功能需要在小程序后台配置支付相关信息,并且在前端代码中调用微信支付API进行支付操作。好的, uni-app微信小程序实现支付功能整体流程 大致如下: 注册微信公众平台,并完成开发者资质认证; 在微信商户平台注册商户账号,并完成商户资质认证; 在商户

    2024年02月13日
    浏览(61)
  • uni-app微信小程序使用echarts

    前言:本来是使用的ucharts,但因为无法监听图例点击交互,满足不了需求,所以只能放弃。 首先,下载echart组件。可以先随便建个文件夹,然后 npm init。接着下载依赖 然后找到 node_modulesmpvue-echarts下的文件,如图 只留下src,其他的删掉(没有用到)。然后复制 mpvue-echart

    2024年02月10日
    浏览(42)
  • uni-app(微信小程序)获取当前位置uni.getLocation

     1、微信公众平台  开发  开发管理   2、开通之后到项目文件    3、下载腾讯地图插件并引入到文件中    

    2024年02月11日
    浏览(40)
  • uni-app做微信小程序的分包处理

    我们的都知道微信小程序有随即随用,用完即走的优点,并且它开发门槛低,但是它也有一个致命的缺点,就是代码包体积的限制,这一缺点让小程序的开发有了一定的限制,现在有一方法可以减少代码包的体积,能够让小程序的功能得到一定的扩展,这一方法就是——分包

    2023年04月08日
    浏览(34)
  • uni-app 微信小程序自定义导航栏

    上面的导航栏主要由状态栏(就是手机电量显示栏)和小程序的导航栏组成,android手机一般为48px,ios手机一般为44px 1、设置navigationStyle:custom 2、页面导航栏div 3、获取statusBarHeight高度 4、获取navTitleHeight的高度

    2024年02月14日
    浏览(37)
  • 微信小程序修改原生组件样式(uni-app)

    微信小程序修改原生组件样式 全局修改,直接将修改的样式写在全局的样式文件中; 特殊情况:修改swiper指示点样式时,需要包裹在swiper的样式选择器下才生效。 直接将下列代码放在全局样式中是不会生效的,需要加上swiper组件的元素选择器或swiper组件的其他样式名也可。

    2024年02月05日
    浏览(45)
  • uni-app 微信小程序 onReachBottom 不生效

    问题描述: uni-app 微信小程序,页面滑到底部,onReachBottom 没有生效 代码: pages.json 配置 使用 onReachBottom 的页面: 总结: 最外层容器设置 min-height: 100.1vh

    2024年02月07日
    浏览(36)
  • [uni-app]设置运行到微信小程序

    1、设置微信小程序开发工具路径 2、检查微信小程序开发工具是否开启了服务端口 服务端口要是没有开启,会报 × initialize。 3、在uni-app开发工具中点击运行微信开发者工具,微信开发工具运行成功。

    2024年02月13日
    浏览(45)
  • 微信小程序转uni-app注意事项

            如果你手头上有一套微信小程序的代码,怎样把它变成一个网页版或者app版本的呢?我推荐你使用uni-app。         使用uni-app可以很方便的将微信小程序代码翻译成uni-app项目,通过uni-app项目又可以编译成h5、app或微信小程序版本。这样一来,写一份代码同时可以

    2024年02月04日
    浏览(43)
  • [Uni-app] 微信小程序的圆环进度条

    效果图: 组件完整代码如下: 调用页面:

    2024年04月29日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包