1.工具
微信提供开发工具,就是这个,集编辑、调试、编译、发布等功能于一体,正经的IDE该有的都有。
但分开来看,很多体验都不是最优的。尤其是在编辑代码的时候,api提示不全,很多快捷键不见了,不支持第三方插件。使用起来没有那么痛苦,至少没有那么爽。
所以,我打算用其他IDE来代替微信官方开发者工具的编辑器。作为一个半生不熟的前端玩家,最熟悉的就是WebStorm,没有什么不好的,就是它。当然,编译调试发布一定要用官方的,因为是和微信后台无缝对接的。
那么就是说我们有两个IDE,一个用来写代码,一个用来调代码和上传代码。有两个问题,一是麻烦,二是不兼容。
2.脚本
之前说过,小程序定义了自己的一套文件格式,js、wxml、wxss,所以官方的开发者工具只认可这几个pro。但是WebStrom作为一个老牌的IDE,并不知道wxml和wxss是什么东西。这是一个兼容性问题。解决方法很简单,用一个转换器将xml和xss转换成wxml和wxss。
这个转换器是一个脚本,它只做一件事——文件重命名。
于是整个过程就变成了,在WebStorm中编辑代码,然后敲一行命令做转换,最后在官方工具中编译,看看效果。
程序员嫌麻烦,还是写个脚本吧。该脚本可以自动监听代码文件的变化,自动转换文件格式,自动启动代码编译。效果就是这里刚写完代码,界面上就会发生变化。很简单。
三、工艺
在一般的开发中,需要区分开发环境、灰度/体验环境和线上环境,小程序也不例外。
开发环境一般直连本地服务器,所有资源都在本地,支持随时修改和查看结果。
每个小程序都可以绑定设置10到40位体验者(视是否通过认证而定),可以将自己的代码打包上传为体验包,发给体验者。他们将连接到体验服务器并将其与官方服务器隔离。
相关推荐