devbox
花生_TL007
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

小程序一套代码上传多个小程序（店铺连锁）_一套代码如何快速发多个平台得小程序

作者：花生_TL007 | 2024-04-12 22:18:05

赞

踩

一套代码如何快速发多个平台得小程序

内容有点多，不过，慢慢看，你总会成功的；

概述

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

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

密钥及 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

代码部分01

安装好以后 在项目中根目录下新建一个名字叫 ci 文件夹

在ci 文件夹里面 创建 preview.js （直接复制我的代码即可）

  1. const ci = require('miniprogram-ci');
  2. const fs = require('fs');
  3. const path = require('path');
  4. let config = {
  5. 	xcxKey: [], //需要上传的小程序列表
  6. 	version: "", //版本号
  7. 	desc: "", //备注
  8. 	appindex: 0 //当前执行到第几个
  9. }
  10.  
  11. exports.start = async () => {
  12. 	//先拿到需要上传的列表，也就是小程序的appid和名称等相关信息，还有上传的版本和备注
  13. 	fs.readFile(
  14. 		path.join(__dirname, '../xcxkey/xcxkey.json'),
  15. 		'utf-8',
  16. 		(err, data) => {
  17. 			const fileJson = JSON.parse(data)
  18. 			config.xcxKey = fileJson.xcxKey;
  19. 			config.version = fileJson.version;
  20. 			config.desc = fileJson.desc;
  21. 			config.env = fileJson.env;
  22. 			config.appindex = 0;
  23. 			
  24. 			console.log(`本次提交--${config.xcxKey.map(item=> config.env + item.desc + config.desc)}`);
  25. 			console.log(`版本--${config.version}`);
  26. 			
  27. 			previewStart();
  28. 		}
  29. 	);
  30. 	
  31. }
  32.  
  33.  
  34. const previewStart = async () => {
  35. 	if (!config.xcxKey[config.appindex]) {
  36. 		console.log('上传完成')
  37. 		return;
  38. 	}
  39. 	
  40. 	//开始上传，首先修改文件信息
  41. 	await setProjectConfig();
  42. 	await setMain();
  43. 	console.log(`${config.xcxKey[config.appindex].desc}--${config.env}开始`);
  44. 	
  45. 	
  46. 	const project = new ci.Project({
  47. 		appid: config.xcxKey[config.appindex].appid,
  48. 		type: 'miniProgram',
  49. 		projectPath: path.resolve(__dirname, '../unpackage/dist/dev/mp-weixin'),
  50. 		privateKeyPath: path.resolve(__dirname,
  51. 			`../xcxkey/private.${config.xcxKey[config.appindex].appid}.key`),
  52. 		ignores: ['node_modules/**/*'],
  53. 	});
  54. 	
  55. 	
  56. 	// 预览
  57. 	const uploadResult = await ci.preview({
  58. 		project,
  59. 		version: config.xcxKey[config.appindex].version,
  60. 		desc: `${config.env}——${config.desc}`,
  61. 		setting: {
  62. 			es6: true,
  63. 			minifyJS: true,
  64. 			minifyWXML: true,
  65. 			minifyWXSS: true,
  66. 			minify: true
  67. 		},
  68. 		qrcodeFormat: 'image',
  69. 		qrcodeOutputDest: path.resolve(__dirname, `../ci/preview-images/${config.xcxKey[config.appindex].title}.jpg`),
  70. 		onProgressUpdate: getstate,
  71. 		pagePath: 'pages/home/index', // 预览页面
  72. 		searchQuery: ''  // 预览参数 [注意!]这里的`&`字符在命令行中应写成转义字符`\&`
  73. 	});
  74. 	
  75. 	
  76. 	//监听上传过程，如果上传完成延迟10秒再上传下一个
  77. 	function getstate(e) {
  78. 		console.log('eeee', e);
  79. 		if (e._status === "done" && e._msg === "upload") {
  80. 			console.log(`${config.xcxKey[config.appindex].desc}--${config.env}上传完成`)
  81. 			setTimeout(() => {
  82. 				config.appindex += 1;
  83. 				previewStart();
  84. 			}, 1000)
  85. 		}
  86. 	}
  87. }
  88.  
  89.  
  90. //修改 project.config.json 内容
  91. const setProjectConfig = async () => {
  92. 	// 要读取和替换的文件路径
  93. 	const project_config = '../unpackage/dist/dev/mp-weixin/project.config.json';
  94. 	
  95. 	const promise = new Promise((resolve, reject) => {
  96. 	
  97. 		// 读取 project.config.json
  98. 		fs.readFile(
  99. 			path.join(__dirname, project_config),
  100. 			'utf8',
  101. 			(err, data) => {
  102. 			
  103. 				if (err) throw err;
  104. 				let json = JSON.parse(data);
  105. 			
  106. 				// 替换 appid 和 projectname
  107. 				json.appid = config.xcxKey[config.appindex].appid;
  108. 				json.projectname = config.xcxKey[config.appindex].name;
  109. 			
  110. 				// 改写 project.config.json 中 appid 和 projectname
  111. 				fs.writeFile(
  112. 					path.join(__dirname, project_config),
  113. 					JSON.stringify(json, null, 4),
  114. 					(err) => {
  115. 						if (err) throw err;
  116. 						resolve();
  117. 					}
  118. 				);
  119. 			
  120. 			}
  121. 		);
  122. 			
  123. 			
  124. 	});
  125. 	
  126. 	
  127. 	return promise;
  128. }
  129.  
  130. //修改 main.js 内容
  131. const setMain = async () => {
  132. 	// 要读取和替换的文件路径
  133. 	const app_main_file = '../unpackage/dist/dev/mp-weixin/common/main.js';
  134. 	
  135. 	const promise = new Promise((resolve, reject) => {
  136. 	
  137. 		// 读取 unpackage/dist/dev/mp-weixin/common/main.js
  138. 		fs.readFile(
  139. 			path.join(__dirname, app_main_file),
  140. 			'utf8',
  141. 			(err, data) => {
  142. 				if (err) throw err;
  143. 	
  144. 				let app_main = data;
  145. 	
  146. 				const hotel_id = config.xcxKey[config.appindex].hotel_id;
  147. 	
  148. 				// 替换 source_hotel_id
  149. 				let re = /(?<=source_hotel_id:").*?(?=",source_hotel_id_end_ci:)/;
  150. 				app_main = app_main.replace(re, hotel_id);
  151. 	
  152. 	
  153. 				// 改写 unpackage/dist/dev/mp-weixin/common/main.js 中 source_hotel_id
  154. 				fs.writeFile(
  155. 					path.join(__dirname, app_main_file),
  156. 					app_main,
  157. 					(err) => {
  158. 						if (err) throw err;
  159. 	
  160. 						resolve();
  161. 					}
  162. 				);
  163. 			}
  164. 		);
  165. 	});
  166. 	
  167. 	
  168. 	return promise;
  169. }
  170.  
  171.  
  172.  
  173.

代码部分02

在继续在ci 文件夹创建一个 upload.js （同样直接复制粘贴我的代码）

  1. const ci = require('miniprogram-ci');
  2. const fs = require('fs');
  3. const path = require('path');
  4. let config = {
  5. 	xcxKey: [], //需要上传的小程序列表
  6. 	version: "", //版本号
  7. 	desc: "", //备注
  8. 	env: "",
  9. 	appindex: 0 //当前执行到第几个
  10. }
  11.  
  12. exports.start = async () => {
  13. 	//先拿到需要上传的列表，也就是小程序的appid和名称等相关信息，还有上传的版本和备注
  14. 	fs.readFile(
  15. 		path.join(__dirname, '../xcxkey/xcxkey.json'),
  16. 		'utf-8',
  17. 		(err, data) => {
  18. 			const fileJson = JSON.parse(data)
  19. 			console.log(fileJson);
  20. 			config.xcxKey = fileJson.xcxKey;
  21. 			config.version = fileJson.version;
  22. 			config.desc = fileJson.desc;
  23. 			config.env = fileJson.env;
  24. 			config.appindex = 0;
  25. 			
  26. 			console.log(`本次提交--${config.xcxKey.map(item=> config.env + item.desc)} --- config.desc`);
  27. 			console.log(`版本--${config.version}`);
  28. 			
  29. 			uploadStart();
  30. 		}
  31. 	);
  32. 	
  33. }
  34.  
  35.  
  36. const uploadStart = async () => {
  37. 	if (!config.xcxKey[config.appindex]) {
  38. 		console.log('上传完成')
  39. 		return;
  40. 	}
  41. 	
  42. 	//开始上传，首先修改文件信息
  43. 	await setProjectConfig();
  44. 	await setMain();
  45. 	console.log(`${config.xcxKey[config.appindex].desc}--${config.env}开始`);
  46. 	
  47. 	
  48. 	const project = new ci.Project({
  49. 		appid: config.xcxKey[config.appindex].appid,
  50. 		type: 'miniProgram',
  51. 		projectPath: path.resolve(__dirname, '../unpackage/dist/dev/mp-weixin'),
  52. 		privateKeyPath: path.resolve(__dirname,
  53. 			`../xcxkey/private.${config.xcxKey[config.appindex].appid}.key`),
  54. 		ignores: ['node_modules/**/*'],
  55. 	});
  56. 	
  57. 	
  58. 	// 上传
  59. 	const uploadResult = await ci.upload({
  60. 		project,
  61. 		version: config.xcxKey[config.appindex].version,
  62. 		desc: `${config.env}——${config.desc}`,
  63. 		setting: {
  64. 			es6: true,
  65. 			minifyJS: true,
  66. 			minifyWXML: true,
  67. 			minifyWXSS: true,
  68. 			minify: true
  69. 		},
  70. 		onProgressUpdate: getstate,
  71. 	});
  72. 	console.log(uploadResult)
  73. 	
  74. 	
  75. 	//监听上传过程，如果上传完成延迟10秒再上传下一个
  76. 	function getstate(e) {
  77. 		if (e._status == "done" && e._msg == "upload") {
  78. 			console.log(`${config.xcxKey[config.appindex].desc}--${config.env}上传完成`)
  79. 			setTimeout(() => {
  80. 				config.appindex += 1;
  81. 				uploadStart();
  82. 			}, 1000)
  83. 		}
  84. 	}
  85. }
  86.  
  87. //修改 ext.json 内容
  88. const setExtConfig = async () => {
  89. 	// 要读取和替换的文件路径
  90. 	const project_config = '../ext.json';
  91. 	
  92. 	const promise = new Promise((resolve, reject) => {
  93. 	
  94. 		// 读取 project.config.json
  95. 		fs.readFile(
  96. 			path.join(__dirname, project_config),
  97. 			'utf8',
  98. 			(err, data) => {
  99. 			
  100. 				if (err) throw err;
  101. 				let json = JSON.parse(data);
  102. 			
  103. 				// 替换 appid 和 projectname
  104. 				json.extAppid = config.xcxKey[config.appindex].appid;
  105. 			
  106. 				// 改写 project.config.json 中 appid 和 projectname
  107. 				fs.writeFile(
  108. 					path.join(__dirname, project_config),
  109. 					JSON.stringify(json, null, 4),
  110. 					(err) => {
  111. 						if (err) throw err;
  112. 						resolve();
  113. 					}
  114. 				);
  115. 			
  116. 			}
  117. 		);
  118. 			
  119. 			
  120. 	});
  121. 	
  122. 	
  123. 	return promise;
  124. }
  125.  
  126. //修改 project.config.json 内容
  127. const setProjectConfig = async () => {
  128. 	// 要读取和替换的文件路径
  129. 	const project_config = '../unpackage/dist/dev/mp-weixin/project.config.json';
  130. 	
  131. 	const promise = new Promise((resolve, reject) => {
  132. 	
  133. 		// 读取 project.config.json
  134. 		fs.readFile(
  135. 			path.join(__dirname, project_config),
  136. 			'utf8',
  137. 			(err, data) => {
  138. 			
  139. 				if (err) throw err;
  140. 				let json = JSON.parse(data);
  141. 			
  142. 				// 替换 appid 和 projectname
  143. 				json.appid = config.xcxKey[config.appindex].appid;
  144. 				json.projectname = config.xcxKey[config.appindex].name;
  145. 			
  146. 				// 改写 project.config.json 中 appid 和 projectname
  147. 				fs.writeFile(
  148. 					path.join(__dirname, project_config),
  149. 					JSON.stringify(json, null, 4),
  150. 					(err) => {
  151. 						if (err) throw err;
  152. 						resolve();
  153. 					}
  154. 				);
  155. 			
  156. 			}
  157. 		);
  158. 			
  159. 			
  160. 	});
  161. 	
  162. 	
  163. 	return promise;
  164. }
  165.  
  166. //修改 main.js 内容
  167. const setMain = async () => {
  168. 	// 要读取和替换的文件路径
  169. 	const app_main_file = '../unpackage/dist/dev/mp-weixin/common/main.js';
  170. 	
  171. 	const promise = new Promise((resolve, reject) => {
  172. 	
  173. 		// 读取 unpackage/dist/dev/mp-weixin/common/main.js
  174. 		fs.readFile(
  175. 			path.join(__dirname, app_main_file),
  176. 			'utf8',
  177. 			(err, data) => {
  178. 				if (err) throw err;
  179. 	
  180. 				let app_main = data;
  181. 	
  182. 				const hotel_id = config.xcxKey[config.appindex].hotel_id;
  183. 	
  184. 				// 替换 source_hotel_id
  185. 				let re = /(?<=source_hotel_id:").*?(?=",source_hotel_id_end_ci:)/;
  186. 				app_main = app_main.replace(re, hotel_id);
  187. 	
  188. 	
  189. 				// 改写 unpackage/dist/dev/mp-weixin/common/main.js 中 source_hotel_id
  190. 				fs.writeFile(
  191. 					path.join(__dirname, app_main_file),
  192. 					app_main,
  193. 					(err) => {
  194. 						if (err) throw err;
  195. 	
  196. 						resolve();
  197. 					}
  198. 				);
  199. 			}
  200. 		);
  201. 	});
  202. 	
  203. 	
  204. 	return promise;
  205. }
  206.  
  207.  
  208.  
  209.

代码部分03

在咱们项目的根目录找到 ： package.json 文件  如果没有请 npm init 一下

  1. {
  2. 	"scripts": {
  3. 		"upload": "node upload-ci.js",
  4. 		"preview": "node preview-ci.js"
  5. 	},
  6. 	"dependencies": {
  7. 		"gulp": "^4.0.2",
  8. 		"miniprogram-ci": "^1.8.12"
  9. 	}
  10. }

代码部分04

之后咱们继续在项目根目录创建两个js文件

preview-ci.js  （同样直接复制我的代码）

  1.  
  2. const path = require('path');
  3. const preview = require(path.join(__dirname, './ci/preview'));
  4. ;
  5. (async () => {
  6. 	
  7. 	preview.start();
  8.  
  9. })()

代码部分05

upload-ci.js（同样直接复制我的代码）

  1.  
  2. const path = require('path');
  3. const upload = require(path.join(__dirname, './ci/upload'));
  4. ;
  5. (async () => {
  6. 	
  7. 	upload.start();
  8.  
  9. })()

结尾

最后 咱们在根目录创建一个  xcxKey  文件夹，里面存放咱们公众平台配置的代码上传秘钥

放好以后再创建一个xcxKey.json 文件

  1. {
  2. 	"xcxKey": [
  3. 		{
  4. 			"name": "名称",
  5. 			"title": "title",
  6. 			"appid": "appid",
  7. 			"version": "1.0.0",
  8. 			"desc": "备注"
  9. 		},
  10. 		{
  11. 			"name": "名称",
  12. 			"title": "title",
  13. 			"appid": "appid",
  14. 			"version": "1.0.0",
  15. 			"desc": "备注"
  16. 		},
  17.         {
  18. 			"name": "名称",
  19. 			"title": "title",
  20. 			"appid": "appid",
  21. 			"version": "1.0.0",
  22. 			"desc": "备注"
  23. 		}
  24.  
  25. 	],
  26. 	"env": "正式环境",
  27. 	"desc": "备注",
  28. 	"version": "1.0.0"
  29. }
  30.  
  1. // npm run preview（会把xcxkey中的所有小程序打包预览）
  2. // npm run upload（会把xcxkey中的所有小程序打包提交体验版）

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/412995
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号