30多个小程序一键发布——miniprogram-ci

已于 2023-10-25 09:23:22 修改
阅读量6k 收藏 38
点赞数 30
分类专栏： # 小程序 文章标签： 小程序 miniprogram-ci ci机器人 ci
于 2023-07-03 12:52:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37215621/article/details/131483050
版权

概述

miniprogram-ci 是从微信开发者工具中抽离的关于小程序/小游戏项目代码的编译模块。

开发者可不打开小程序开发者工具，独立使用 miniprogram-ci 进行小程序代码的上传、预览等操作。

miniprogram-ci 从 1.0.28 开始支持第三方平台开发的上传和预览，调用方式与普通开发模式无异。查看详情

密钥及 IP 白名单配置

使用 miniprogram-ci 前应访问"微信公众平台-开发-开发设置"后下载代码上传密钥，并配置 IP 白名单 开发者可选择打开 IP 白名单，打开后只有白名单中的 IP 才能调用相关接口。我们建议所有开发者默认开启这个选项，降低风险 代码上传密钥拥有预览、上传代码的权限，密钥不会明文存储在微信公众平台上，一旦遗失必须重置，请开发者妥善保管

入口

功能

miniprogram-ci 目前提供以下能力：

  1. 上传代码，对应小程序开发者工具的上传
  2. 预览代码，对应小程序开发者工具的预览
  3. 构建 npm，对应小程序开发者工具的: 菜单-工具-构建npm
  4. 上传云开发云函数代码，对应小程序开发者工具的上传云函数能力
  5. 上传云托管代码，对应小程序开发者工具的上传云托管能力
  6. 上传云存储/静态托管文件，对应小程序开发者工具-云开发-云存储和静态托管文件管理
  7. 代理，配置 miniprogram-ci 的网络请求代理方式
  8. 支持获取最近上传版本的 sourceMap
  9. 支持 node 脚本调用方式和 命令行 调用方式

脚本调用

npm install miniprogram-ci --save

代码

preview.js

const ci = require('miniprogram-ci');
const fs = require('fs');
const path = require('path');
let config = {
	xcxKey: [], //需要上传的小程序列表
	version: "", //版本号
	desc: "", //备注
	appindex: 0 //当前执行到第几个
}

exports.start = async () => {
	//先拿到需要上传的列表，也就是小程序的appid和名称等相关信息，还有上传的版本和备注
	fs.readFile(
		path.join(__dirname, '../xcxkey/xcxkey.json'),
		'utf-8',
		(err, data) => {
			const fileJson = JSON.parse(data)
			config.xcxKey = fileJson.xcxKey;
			config.version = fileJson.version;
			config.desc = fileJson.desc;
			config.env = fileJson.env;
			config.appindex = 0;
			
			console.log(`本次提交--${config.xcxKey.map(item=> config.env + item.desc + config.desc)}`);
			console.log(`版本--${config.version}`);
			
			previewStart();
		}
	);
	
}


const previewStart = async () => {
	if (!config.xcxKey[config.appindex]) {
		console.log('上传完成')
		return;
	}
	
	//开始上传，首先修改文件信息
	await setProjectConfig();
	await setMain();
	console.log(`${config.xcxKey[config.appindex].desc}--${config.env}开始`);
	
	
	const project = new ci.Project({
		appid: config.xcxKey[config.appindex].appid,
		type: 'miniProgram',
		projectPath: path.resolve(__dirname, '../unpackage/dist/dev/mp-weixin'),
		privateKeyPath: path.resolve(__dirname,
			`../xcxkey/private.${config.xcxKey[config.appindex].appid}.key`),
		ignores: ['node_modules/**/*'],
	});
	
	
	// 预览
	const uploadResult = await ci.preview({
		project,
		version: config.xcxKey[config.appindex].version,
		desc: `${config.env}——${config.desc}`,
		setting: {
			es6: true,
			minifyJS: true,
			minifyWXML: true,
			minifyWXSS: true,
			minify: true
		},
		qrcodeFormat: 'image',
		qrcodeOutputDest: path.resolve(__dirname, `../ci/preview-images/${config.xcxKey[config.appindex].title}.jpg`),
		onProgressUpdate: getstate,
		pagePath: 'pages/home/index', // 预览页面
		searchQuery: ''  // 预览参数 [注意!]这里的`&`字符在命令行中应写成转义字符`\&`
	});
	
	
	//监听上传过程，如果上传完成延迟10秒再上传下一个
	function getstate(e) {
		console.log('eeee', e);
		if (e._status === "done" && e._msg === "upload") {
			console.log(`${config.xcxKey[config.appindex].desc}--${config.env}上传完成`)
			setTimeout(() => {
				config.appindex += 1;
				previewStart();
			}, 1000)
		}
	}
}


//修改 project.config.json 内容
const setProjectConfig = async () => {
	// 要读取和替换的文件路径
	const project_config = '../unpackage/dist/dev/mp-weixin/project.config.json';
	
	const promise = new Promise((resolve, reject) => {
	
		// 读取 project.config.json
		fs.readFile(
			path.join(__dirname, project_config),
			'utf8',
			(err, data) => {
			
				if (err) throw err;
				let json = JSON.parse(data);
			
				// 替换 appid 和 projectname
				json.appid = config.xcxKey[config.appindex].appid;
				json.projectname = config.xcxKey[config.appindex].name;
			
				// 改写 project.config.json 中 appid 和 projectname
				fs.writeFile(
					path.join(__dirname, project_config),
					JSON.stringify(json, null, 4),
					(err) => {
						if (err) throw err;
						resolve();
					}
				);
			
			}
		);
			
			
	});
	
	
	return promise;
}

//修改 main.js 内容
const setMain = async () => {
	// 要读取和替换的文件路径
	const app_main_file = '../unpackage/dist/dev/mp-weixin/common/main.js';
	
	const promise = new Promise((resolve, reject) => {
	
		// 读取 unpackage/dist/dev/mp-weixin/common/main.js
		fs.readFile(
			path.join(__dirname, app_main_file),
			'utf8',
			(err, data) => {
				if (err) throw err;
	
				let app_main = data;
	
				const hotel_id = config.xcxKey[config.appindex].hotel_id;
	
				// 替换 source_hotel_id
				let re = /(?<=source_hotel_id:").*?(?=",source_hotel_id_end_ci:)/;
				app_main = app_main.replace(re, hotel_id);
	
	
				// 改写 unpackage/dist/dev/mp-weixin/common/main.js 中 source_hotel_id
				fs.writeFile(
					path.join(__dirname, app_main_file),
					app_main,
					(err) => {
						if (err) throw err;
	
						resolve();
					}
				);
			}
		);
	});
	
	
	return promise;
}

upload.js

const ci = require('miniprogram-ci');
const fs = require('fs');
const path = require('path');
let config = {
	xcxKey: [], //需要上传的小程序列表
	version: "", //版本号
	desc: "", //备注
	env: "",
	appindex: 0 //当前执行到第几个
}

exports.start = async () => {
	//先拿到需要上传的列表，也就是小程序的appid和名称等相关信息，还有上传的版本和备注
	fs.readFile(
		path.join(__dirname, '../xcxkey/xcxkey.json'),
		'utf-8',
		(err, data) => {
			const fileJson = JSON.parse(data)
			console.log(fileJson);
			config.xcxKey = fileJson.xcxKey;
			config.version = fileJson.version;
			config.desc = fileJson.desc;
			config.env = fileJson.env;
			config.appindex = 0;
			
			console.log(`本次提交--${config.xcxKey.map(item=> config.env + item.desc)} --- config.desc`);
			console.log(`版本--${config.version}`);
			
			uploadStart();
		}
	);
	
}


const uploadStart = async () => {
	if (!config.xcxKey[config.appindex]) {
		console.log('上传完成')
		return;
	}
	
	//开始上传，首先修改文件信息
	await setProjectConfig();
	await setMain();
	console.log(`${config.xcxKey[config.appindex].desc}--${config.env}开始`);
	
	
	const project = new ci.Project({
		appid: config.xcxKey[config.appindex].appid,
		type: 'miniProgram',
		projectPath: path.resolve(__dirname, '../unpackage/dist/dev/mp-weixin'),
		privateKeyPath: path.resolve(__dirname,
			`../xcxkey/private.${config.xcxKey[config.appindex].appid}.key`),
		ignores: ['node_modules/**/*'],
	});
	
	
	// 上传
	const uploadResult = await ci.upload({
		project,
		version: config.xcxKey[config.appindex].version,
		desc: `${config.env}——${config.desc}`,
		setting: {
			es6: true,
			minifyJS: true,
			minifyWXML: true,
			minifyWXSS: true,
			minify: true
		},
		onProgressUpdate: getstate,
	});
	console.log(uploadResult)
	
	
	//监听上传过程，如果上传完成延迟10秒再上传下一个
	function getstate(e) {
		if (e._status == "done" && e._msg == "upload") {
			console.log(`${config.xcxKey[config.appindex].desc}--${config.env}上传完成`)
			setTimeout(() => {
				config.appindex += 1;
				uploadStart();
			}, 1000)
		}
	}
}

//修改 ext.json 内容
const setExtConfig = async () => {
	// 要读取和替换的文件路径
	const project_config = '../ext.json';
	
	const promise = new Promise((resolve, reject) => {
	
		// 读取 project.config.json
		fs.readFile(
			path.join(__dirname, project_config),
			'utf8',
			(err, data) => {
			
				if (err) throw err;
				let json = JSON.parse(data);
			
				// 替换 appid 和 projectname
				json.extAppid = config.xcxKey[config.appindex].appid;
			
				// 改写 project.config.json 中 appid 和 projectname
				fs.writeFile(
					path.join(__dirname, project_config),
					JSON.stringify(json, null, 4),
					(err) => {
						if (err) throw err;
						resolve();
					}
				);
			
			}
		);
			
			
	});
	
	
	return promise;
}

//修改 project.config.json 内容
const setProjectConfig = async () => {
	// 要读取和替换的文件路径
	const project_config = '../unpackage/dist/dev/mp-weixin/project.config.json';
	
	const promise = new Promise((resolve, reject) => {
	
		// 读取 project.config.json
		fs.readFile(
			path.join(__dirname, project_config),
			'utf8',
			(err, data) => {
			
				if (err) throw err;
				let json = JSON.parse(data);
			
				// 替换 appid 和 projectname
				json.appid = config.xcxKey[config.appindex].appid;
				json.projectname = config.xcxKey[config.appindex].name;
			
				// 改写 project.config.json 中 appid 和 projectname
				fs.writeFile(
					path.join(__dirname, project_config),
					JSON.stringify(json, null, 4),
					(err) => {
						if (err) throw err;
						resolve();
					}
				);
			
			}
		);
			
			
	});
	
	
	return promise;
}

//修改 main.js 内容
const setMain = async () => {
	// 要读取和替换的文件路径
	const app_main_file = '../unpackage/dist/dev/mp-weixin/common/main.js';
	
	const promise = new Promise((resolve, reject) => {
	
		// 读取 unpackage/dist/dev/mp-weixin/common/main.js
		fs.readFile(
			path.join(__dirname, app_main_file),
			'utf8',
			(err, data) => {
				if (err) throw err;
	
				let app_main = data;
	
				const hotel_id = config.xcxKey[config.appindex].hotel_id;
	
				// 替换 source_hotel_id
				let re = /(?<=source_hotel_id:").*?(?=",source_hotel_id_end_ci:)/;
				app_main = app_main.replace(re, hotel_id);
	
	
				// 改写 unpackage/dist/dev/mp-weixin/common/main.js 中 source_hotel_id
				fs.writeFile(
					path.join(__dirname, app_main_file),
					app_main,
					(err) => {
						if (err) throw err;
	
						resolve();
					}
				);
			}
		);
	});
	
	
	return promise;
}

package.json

{
	"scripts": {
		"upload": "node upload-ci.js",
		"preview": "node preview-ci.js"
	},
	"dependencies": {
		"gulp": "^4.0.2",
		"miniprogram-ci": "^1.8.12"
	}
}

在这里插入图片描述

preview-ci.js


const path = require('path');
const preview = require(path.join(__dirname, './ci/preview'));
;
(async () => {
	
	preview.start();

})()

upload-ci.js


const path = require('path');
const upload = require(path.join(__dirname, './ci/upload'));
;
(async () => {
	
	upload.start();

})()

在这里插入图片描述

{
	"xcxKey": [
		{
			"name": "名称",
			"title": "title",
			"appid": "appid",
			"version": "1.0.0",
			"desc": "备注"
		},
		...
	],
	"env": "正式环境",
	"desc": "备注",
	"version": "1.0.0"
}


// npm run preview（会把xcxkey中的所有小程序打包预览）
// npm run upload（会把xcxkey中的所有小程序打包提交体验版）
江拥羡橙
关注
  • 30
    点赞
  • 踩
  • 38
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 28
    评论
专栏目录
使用 miniprogram-ci 进行小程序代码的上传、预览等操作
ironprosper的博客
02-13 9758
使用 miniprogram-ci 进行小程序代码的上传、预览等操作
微信小程序（基本操作）
m0_68271787的博客
01-26 5695
自定义组件 | 微信开放文档(1) 组件模板和样式(2) Component 构造器(3) 组件间通信与事件(4) 组件生命周期(6) 组件间关系(7) 数据监听器(8) 纯数据字段1、定义不是创建page，而是创建component，一个小程序组件（wxml,wxss,js,json)//组件名.jsComponent({ //构造一个组件//组件的属性列表,相当于vue组件的propstitle:{ //属性名type:String,//类型value: '默认值'},
探秘MiniProgram：轻量级小程序开发的新选择
gitblog_00066的博客
04-21 640
探秘MiniProgram：轻量级小程序开发的新选择 项目地址:https://gitcode.com/bigbossx/miniprogram 在移动互联网时代，小程序以其轻便、无需安装、即扫即用的特点，深受开发者和用户的喜爱。今天，我们要向大家推荐的是一个名为MiniProgram的开源项目，它提供了一种更高效、更便捷的方式来开发小程序——https://gitcode.com/bigbos...
miniprogram-ci实现自动化上传uniapp项目并更新版本号及版本描述
AIpoem的博客
03-26 1503
配置miniprogram-ci、配置release-it和git-cz
微信小程序 --- mobx-miniprogram && miniprogram-computed
每天都要努力学习哦~~
02-28 2231
propertiesgetApp()pubsub-js在中小型项目中，使用这些数据通信方式已经能够满足我们项目的需求。但是随着项目的业务逻辑越来越复杂，组件和页面间通信就会变的非常复杂。例如：有些状态需要在多个页面间进行同步使用，一个地方发生变更，所有使用的地方都需要发生改变，这时候如果使用前面的数据通信方案进行传递数据，给管理和维护将存在很大的问题。为了方便进行页面、组件之间数据的传递，小程序官方提供了一个扩展工具库：是针对微信小程序开发的一个简单、高效、轻量级状态管理库，它基于Mobx。
基于miniprogram-ci的微信小程序的CI以及接入钉钉通知
A_bad_boy_hahaha的博客
07-28 1211
基于miniprogram-ci 的微信小程序自动上传
miniprogram-ci 实现uniapp微信小程序代码预览和上传
weixin_42650105的博客
08-03 968
实现微信小程序一键发布！
多个支付宝小程序模板一键搭建 支付宝小程序联盟工具
08-06
您可以快速创建多个小程序，满足不同的应用场景需求。 2.上传和审核：通过工具，您可以方便地将小程序上传到支付宝小程序平台， 并进行审核。这样，您的小程序就可以正式上线供用户使用了。 3.更新活动数据：工具...
Thinkphp5多个小程序一键生成平台源码(含小程序源码).rar
12-14
Thinkphp5一键生成小程序源码,平台系统cms系统出售，平台没加密，可以进行OEM招商。一键生成小程序源码共上线29套各行各业模板。一键生成小程序源码包含小程序前端和后台源码，附详细安装说明和小程序平台安装文档。...
微信小程序入门（四）：miniprogram-ci + Jenkins + git 实现小程序代码的上传等操作
sulia1234567890的博客
09-06 2426
目录 1. 实现要求 2. 实现方式一 2.1 Jenkins中其他配置这里不重复了，重点说构建部分的命令 2.2 jenkins中构建运行任务，小程序页面检查上传结果，没问题。 3. 实现方式二 3.1 在Jenkins命令行（Windows批处理命令），用miniprogram-ci命令实现，参数化某些选项的方式 3.2 参数化详解 3.3 注意事项 3.4远程触发（带参数） 3.5 邮件设置 4. 实现方式三 4.1 在jenkins命令行（Windows 批处理命令），.
还在用开发者工具上传小程序? 快来试试 miniprogram-ci 提效摸鱼
u012384510的博客
08-16 1348
1. 前言大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以加我微信ruochuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue 3.2 发...
php ci 小程序,微信小程序miniprogram-ci上传代码
weixin_35887222的博客
03-21 1404
需求多个微信小程序共用同一套代码，通过开发工具上传代码较繁琐，希望通过后台点击上传。调研通过查阅资料，发现微信提供了两种方法针对需求和实现难度，暂时考虑miniprogram-ci方法miniprogram-ci接入前期准备获取appid和对应的小程序代码上传密钥(开发设置-小程序代码上传中获取)由于是本地环境调试，先关闭IP白名单我使用的是uni-app，将build后的微信小程序文件和小程序上...
小程序第三方平台开发代替客户各类小程序批量操作
dj1540225203的博客
05-17 1956
如果作为第三方被认可的服务商的话，是可以代替客户进行各类操作的，这样批量操作可以节省很多时间。现在我们这篇博客的重点不是这个，而是在这个场景下产生的sql的思路。因为批量操作的这些数据都是存入同一个表的，怎么操作的呢？ 如该表就是存数据的，那么问题来了，如果对一个表进行多次左关联呢？ SELECT `s`.`id`, `s`.`name`, `s`.`is_live`, `wa`.`id` AS `wa_id`, `wa`.`version` AS `new_version`, `..
003代码仓库管理&自动打包miniprogram-ci
沐雨07的专栏
02-22 157
代码仓库管理&自动打包miniprogram-ci
微信小程序CI自动化上传脚本
最新发布
cpc980209的博客
05-09 429
多人开发时，通过微信小程序工具上传代码体验版都会不同，需要不断频繁切换体验码/仅限某个人仅限代码上传。
miniprogram-ci小程序机器人区分环境ci自动上传代码
SAXX2的博客
03-07 569
miniprogram-ci小程序机器人区分环境ci自动上传代码是从中抽离的关于小程序/小游戏项目代码的编译模块。开发者可不打开小程序开发者工具，独立使用 miniprogram-ci 进行小程序代码的上传、预览等操作。
【知识点】微信小程序Store/Computed/Watch的使用
程序员云阶的博客
04-07 1815
此文主要介绍官方扩展工具mobx-miniprogram，miniprogram-computed的使用，希望能够帮助到大家😉
学习一下miniprogram
热门推荐
weixin_45221036的博客
06-04 1万+
微信小程序 一、小程序初体验 1】小程序的数据绑定 和vue一样使用的是双大括号来在wxml中绑定js中的变量 // pages/home/home.js Page({ data: { name:'rayhomie', } }) <!--pages/home/home.wxml--> <!--1. 小程序的数据绑定 --> <view>hello {{name}}</view> 注意：在小程序中不能在js中操作dom 2】小程序的列表渲染
微信小程序：计算属性和监听属性miniprogram-computed
彭世瑜的博客
10-20 2574
安装 npm install --save miniprogram-computed 注意：以下示例基于版本miniprogram-computed: ^4.0.4 computed 基本用法 const computedBehavior = require("miniprogram-computed").behavior; Component({ behaviors: [computedBehavior], data: { a: 1, b: 1, }, comput
uni-app微信小程序一键登录
08-18
在uni-app中实现微信小程序的一键登录功能，需要使用button组件的open-type开放能力。在button标签中设置open-type为"getUserInfo"，并通过@getuserinfo事件来触发wxLogin方法。具体代码如下： <button type="default" open-type="getUserInfo" @getuserinfo="wxLogin">一键登录微信小程序</button> 在App.vue文件中，可以配置小程序的全局样式、生命周期函数等。manifest.json文件用于配置应用名称、appid、logo、版本等打包信息。pages.json文件用于配置页面路径、页面窗口样式、tabBar、navigationBar等页面类信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [uni-app实现微信小程序一键登录](https://blog.csdn.net/qq_45797421/article/details/118339987)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [uni-app实现购物商城的微信小程序，优秀毕业设计源代码，小白必看！](https://download.csdn.net/download/qq_42257666/87667930)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 28
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江拥羡橙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值