当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 荐 微信小程序转钉钉小程序适配问题

荐 微信小程序转钉钉小程序适配问题

2020年07月17日  | 移动技术网IT编程  | 我要评论

与阿里云项目合作,作为ISV,不能使用腾讯系产品,必须将微信小程序项目转成钉钉小程序。
经过12天的艰苦奋斗,基本完成。将经验教训整理一下给大家。

不支持wxs,无法自定义页面函数

很方便的{{mc.todate(addtimes,‘d’)}}调用方式,不能使用。
这几乎是现有项目的显示标配,几千个调用点,都需要在js层重写。
工作量巨大。安排搬砖。

不支持全局组件引用

app.json不支持全局组件引用。
只能每一个页面将用到的组件单独引用。
“usingComponents”: {
“auth”: “…/component/auth”
}
对于该项目庞大的组件库,虽然可以每个页面单独引用,但是考虑到未来组件扩充,还是一身冷汗。
不过可以写到转换脚本里。需要在微信小程序上增加一个伪组件,转换用。

不支持全屏显示方式

这是比较大的坑。
全屏显示时小程序项目个性化十足的方案。我们的项目没有不用全屏的。
全屏的好处是标题栏可以自己设定好。
早期微信小程序支持也不好,我们需要进行大量适配不同机型的刘海屏!!
现在倒好,钉钉小程序不支持全屏显示。只能进行适配阉割。
将header的头部效果全部隐藏掉,还要兼顾微信小程序的正常显示。
又是上百个页面的调整,继续安排搬砖。

组件不支持input hidden

组件不支持hidden属性,只能用display:none来。
顺便提一句,我们自定义的表单组件,都是混合输出的。比如picker,会输出三个值。某些组件,甚至会输出6个值。

不支持自定义元素

大家可能不会遇到,平时写代码,html标签用<kbd>强调</kbd> <code>强调二</code>,已经习惯了。结果在钉钉小程序里面报错。
批量替换成<text class="kbd">万马奔腾</kbd>

flex布局有问题,界面css兼容调试难

flex不知道是怎么支持的。非常奇葩。
同样的代码和样式,我们试过在微信小程序,网页上,都跑的好好的。
在钉钉小程序上显示错乱不堪。简直一下回到了2008年。
2008年我的团队是禁止使用flex和websocket的。

network不支持重发Replay XHR重发调试

IDE常用功能缺失。
不支持重发调试,每次调用需要Ctrl+B重新编译。而且钉钉小程序编译极慢,抽半根烟的功夫。
还不支持屏蔽js。单步跟踪会掉进WA*里面。懂的,蛋都会疼一下吧。
真机调试,是个假真机。不支持PC联动。糊弄鬼的神作。
还有很多不支持,比如基础库没有切换的地方。一直用1.7,说好的1.24在哪?还搞什么V1,V2,起名委员会真不是盖的。

不支持页面间回调函数

就是微信小程序里面的navigateTo函数events接口。很方便。
钉钉小程序不支持就不支持吧。自己写一个好了。也不麻烦。

子组件不能监听父组件参数的变化

这个坑蛮大的,也解决了。不过效果并不好。子组件做了变更,父组件setData过去相同值,不响应,也就是说写组件接口的人画蛇添足了。
didUpdate,多了不说了,写到那自己感受吧。
和微信小程序的observers比,确实差的不是一点。

自定义组件父子相互调用

期初通过技术答疑问过钉钉官方,明确的说不支持。当时团队负责人就疯了

暂时不支持,暂时只能从外部通过传递 props 的方式控制组件内部。
未来会开放父页面调用子组件内方法这样的能力。

我们经过努力,谢天谢地。父子调用都通了。
不过很危险。如果这个不通。相当于自废武功。转钉钉小程序的工作将宣告失败。我们的项目太大,组件太多了,总不能都展开铺平吧?!

include引用复制,不支持变量传递

include引用,居然不传递变量,很奇葩的bug
说好的只是复制一份代码。结果还不如template

还是那句话,钉钉小程序能做的,我们要做,钉钉小程序不能管的,我们也要管。
转换脚本凑。搞定。

image/picker的style和class不可用

这个对于前端工程师来说是比较蛋疼的。
这次没有安排前端人员进转换小组。结果还是要改改改。

input的width属性,不按照父组件宽度自适应。

这个也很奇葩,不说了,前端工程师都蒙了。
顺便提一句,组件的样式表acss,和全局样式是打通的。
而微信小程序组件样式表是独立的。这就对前端提出了高要求。
前端工程师工作量并不小。

switch组件比例过大。

前端用scale搞定。再加一个伪代码。

picker组件能力太弱

有用到multiSelector的,需要自己写了。
呵呵呵呵
工作量也不小哦
而且picker-view还有一个坑,我们跳了一次。刚爬上来。

font-face无法识别

这个微信小程序支持的也不好。不支持本地文件,需要base64
但是钉钉小程序支持的更差,不识别woff2,只识别woff
还好woff可以识别本地文件。转换脚本派上用场了。

rich-text组件不支持html解析

自己写node吧。
官方推荐的库,看了一下是TypeScript的。没接触过的,可有的玩了。

没有camera组件,拍照蒙版不好实现

拍照时,需要手机横着拍,竖着拍,随便拍。
而且还要支持轮廓拍。方便后期做AI识别。
钉钉小程序几乎全部沦陷。这块功能整体阉割。

写在最后

我们为图省事,试过Antmove。我们项目太复杂,无效。
只好自己开发了一个转换脚本程序。
现在微信小程序开发好后,只需要点下转换,1秒钟,钉钉小程序就可以直接编译发布了。没有任何的残留代码。当然,开发也不能太任性。

最后在说一下钉钉小程序的优势:
内部企业应用不需要审核,直接上架~~
可以获取企业架构部门和员工信息。
免登登录,无需点击按钮授权。
权限够,可以直接获取手机号。
消息推送几乎各种方式随便推。

本文地址:https://blog.csdn.net/boiciy/article/details/107372955

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网