摘要:这篇文章主要的目的是分享一个可与后端接口通信的自动化脚本插件,实现不同环境下可打包成不同配置的微信小程序源码。全程靠命令行自动发起请求、修改配置文件、自动编译,解放双手不是梦!
看官在阅读文章前可以思考这样一个场景:有一份代码需要支持本地环境、测试环境和线上环境,每种环境下appId、title、cdn等一些关键信息各不相同。且有的环境下底部tabBar数量为5个,有的环境下底部tabBar数量为4个,有的环境下需要开启直播入口,有的环境下需要关闭直播入口…。
怎么样,看这需求是不是有点儿眼熟?乍一看好像在前面两篇文章中就给出过答案,但细看好像又有些不一样。
如果是你,你又会怎么做呢?
上面的需求看似有点儿扯,但对于sass平台来说,这些配置只是刚刚起步而已!
随着项目需求变动,之前的方法仍然难以满足需求。我们或许在打包前还要与后端接口进行通信,做到动态生成配置文件才能满足开发需求。而这篇文章正有此意,艺灵强烈建议看官在阅读完前面写的两篇文章的基础上再往下看,避免像丈二的和尚一样。相关文章分别是:
《uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发》、
《uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件》
本文主要以动态配置直播权限为例,向看官完整的展示如何在node.js中与后端通信,在通信成功后动态修改app.json。只要看官掌握了这个技能,后面再有什么变态需求,需要根据后端接口动态改配置什么的,那都不是事儿!
一、HBuilderX中如何配置小程序插件
正常开发情况下,我们需要在 manifest.json 文件中手动添加微信小程序插件相关的代码。详情请访问官方文档,戳我访问官方文档,相关代码如下:
// 微信小程序
"mp-weixin": {
"plugins": {
"myPlugin": {
"version": "1.0.0",
"provider": "wxidxxxxxxxxxxxxxxxx"
}
}
}
1.1、直播插件的配置
由于我们要引入直播插件,所以我们要修改一下上面的代码。修改后见下方:
// 微信小程序
"mp-weixin": {
"plugins": {
"live-player-plugin": {
"version": "1.3.0", // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid&#