钉钉/支付宝小程序和微信小程序的区别及转换方案

最近接到一个工做任务，是把钉钉小程序转微信小程序...

对，竟然还有这种操做，以前只听过微信小程序转支付宝小程序的，钉钉转微信是什么鬼😿

实际操做以后发现，并非太复杂。nodeJS加vscode全局替换，很快就能改完。

之因此没有所有写成程序来执行，一是由于我对两边的api不是太熟，这个项目也是新接手的，业务逻辑彻底不熟，写程序耗费时间过久且很差排查错误；二是经过逐个api的报错修改，能够整理两个小程序差别点，同时尽快熟悉业务代码。
修复原有钉钉小程序的bug，加上转为微信小程序一共花费4个工做日的时间，原来预期是10个工做日，因此这个效率是能够接受的。

1. 修改文件后缀名

钉钉小程序和支付宝小程序几乎没有差异，最主要的是支付宝小程序全局变量 my, 钉钉小程序对应为 dd。而钉钉小程序的文档不如支付宝小程序详细，因此看文档直接看支付宝小程序的就能够了。

如今开始把钉钉转微信啦！

首先第一步是把文件后缀名改了，axml改成wxml，wxss改成acss；

这一步能够用JS脚本执行。
代码地址

2. 修改文件内部引用文件的后缀名

依然是axml改成wxml，wxss改成acss，采起全局替换便可。

3. 修改文件中import路径

钉钉能够引用绝对路径，可是微信在wxml和js中只能引用相对路径，层级须要手动修改下。

4. API修改

钉钉/支付宝小程序与微信小程序的区别

钉钉小程序和支付宝小程序基本上没有区别，把 dd改成my便可。如下我整理了一下钉钉小程序和微信小程序的区别，其实不是太大，遇到问题查一下文档就能解决。

相比之下，钉钉小程序的编辑器很是难用，很容易预览白屏，须要重启编辑器，这一点真的很难接受。

api描述	钉钉小程序	微信小程序
点击事件绑定	onTap	bindtap
失去焦点	onBlur	bindblur
本地缓存	dd.getStorageSync({key: 'score'}).data	wx.getStorageSync('score')
toast提示	dd.showToast({content: '请填写名称'})	wx.showToast({title: '请填写名称',icon:'none'}) ，若是不设置icon:none，会默认显示成功的图标
时间选择器	dd.datePicker	微信里没有此方法，能够经过picker-view组件实现
模板语法	a:	wx:
网络请求header参数	dd.request中为headers	wx.request中为header
事件对象	e.target.dataset.recordId	微信会转成小写字母e.target.dataset.recordid
子组件须要调用父组件的某个方法	父组件能够将函数做为属性传递给子组件，子组件经过props接收	目前只能经过父组件事件监听，子组件经过triggerEvent触发父组件自身的方法
图片/文件上传	dd.chooseImage成功回调中，图片的本地临时文件路径列表属性名为filePaths	wx.chooseImage成功回调中，图片的本地临时文件路径列表属性名为tempFilePaths
上传文件uploadFile	dd.uploadFile 参数对象中，name属性非必传	wx.uploadFile 参数对象中，name属性必传，做为文件对应的 key，开发者在服务端能够经过这个 key 获取文件的二进制内容
登陆	调用my.getAuthCode获取受权码	wx.login调用接口获取登陆凭证（code）。经过凭证进而换取用户登陆态信息，包括用户的惟一标识（openid）及本次登陆的会话密钥（session_key）等。
滚动选择器组件 picker-view	初始加载时能经过value值设置默认选中位置	初始加载时不能经过value值设置默认选中位置，感受是微信的bug
自定义组件	Component定义属性用props	Component定义属性用properties