微信小程序工程化之路

前言

最近很长一段时间都在和前端项目构建“纠缠”在一块儿，处理了web项目、app项目紧接着即是微信小程序，之因此把微信单独拎出来作一篇分享，主要是由于小程序的工程化在不少细节上是区别于传统意义上的web项目，请往下看

准备工做

1. 配置一台打包机，建议弄一台mini（具体配置根据你们的实际状况来定，ps一下咱们公司用的16G+128的，目前来讲资源已经明显不够用了）其次要去搭建一个jenkins服务，作任务的集中管理。
2. 搭建一个服务，主要提供和微信的对接为后期代码上传，提审等功能作基础，关于微信的对接方式你们能够看官网文档第三方平台
3. 若是有可能的话对接一下各自公司的办公管理工具好比企业微信、钉钉等用来作消息的通知、审核等。
4. 最后一点就是微信经常使用的开发套件了，就不作过多阐述。

建立和执行工做流

1. 首先在Jenkins中建立任务，建议同时建立两个，一个做为开发预览（DevelopTask），另一个做为代码上传（ReleaseTask）。Jenkins任务中的配置注意下面这几点。

• 处理微信开发者工具登陆过时，咱们能够经过开发辅助中提供的命令行登陆方式来获取到受权二维码，提供给管理者去处理。

  

• DevelopTask要定时执行，由于小程序预览二维码会有过时的问题，因此我这里每20分钟会从新生成一张，咱们能够在Jenkins的构建触发器中设置

  

• DevelopTask的脚本配置主要是上传预览、生成二维码资源（Base64）、通知开发者获取新的二维码。

  

• ReleaseTask中区别与DevelopTask的是不须要定时执行，另外咱们须要将脚本中的cli -p /Users/username/demo --preview-qr-output base64@/Users/username/code.txt命令替换成cli -u 1.0.0@/Users/username/demo --upload-desc 'initial release' --upload-info-output /Users/username/info.json

2. 开发预览，上面说到DevelopTask会生成预览二维码的base64文件，如何将这个信息通知给测试或者开发者呢？这里我以企业微信的方式为例，首先看下效果

   

   经过企业微信中的接受消息功能咱们能够将消息作一次中转，另外经过消息推送将新的消息推送给指定的用户，咱们能够在中转服务中将二维码信息推送给用户，这里有一张企业微信消息推送的流程，你们能够借鉴一下，另外企业微信支持配置菜单相似于微信公众号中的菜单。

   

3. 版本发布，ReleaseTask执行外以后咱们会将代码推送到小程序的草稿库中，这里距离真正的提审还有三步骤，第一添加草稿到代码模版库，第二经过模版ID上传小程序代码，第三提交审核。这里的三个步骤因为微信限制，咱们没办法在Jenkins中去操做，咱们能够搭建中转服务去管理。

总结

总体流程

1. 建立Jenkins任务，处理预览或者上传问题
2. 测试：生成预览二维码
3. 模版发布：上传草稿
4. 利用微信三方服务接口实现模版提交，提审等功能

若有不足，还望指出。愿你们在前端的道路上少走弯路