Trust
Trust
  • 发布:2018-12-21 19:43
  • 更新:2024-03-12 15:10
  • 阅读:27851

uni-app 开发支付宝/百度小程序注意事项

分类:uni-app

HBuilderX 1.3.5 起,支持支付宝和百度小程序的开发编译。

平台差异

百度小程序

已知的差异/问题:

  • 不支持属性选择器
  • 不支持 scoped
  • login / getUserInfo 等功能在模拟器(开发工具)上不能模拟
  • 支付功能模拟不了
  • map 组件在开发工具上预览效果不对,但是手机上是对的。
  • getSystemInfo 获取到的 windowHeight 在模拟器中值不正确,真机预览是正确的。
  • v-if 和 v-for 不可在同一标签下同时使用
  • 页面中引入自定义组件时,渲染的结果中外层会有一个 template 标签,这会导致部分选择器对应的样式匹配不上。
  • 未完待续...

支付宝小程序

支付宝小程序的规范差异相对较多,API 部分的差异请仔细参考文档说明:https://uniapp.dcloud.io/api/README

比较明显的一个点就是,媒体部分支付宝小程序只有图片,而没有音视频。

支付宝分包,需要HBuilderX 2.2.3 alpha以上版本才支持。

已知的差异/问题:

  • showLoading 是不透传的,也就是说 loading 显示的时候无法点击页面内容。
  • 文件名或文件夹名中不允许出现 @ 符号
  • 网络请求返回的数据会严格按照 dataType 进行处理,如果不符合规范则会跑错错误,而不是按照原格式返回。
  • canvas 组件的标识是 id,而不是 canvas-id。目前还未进行处理,所以需要主动添加 id 属性。
  • 目前测试的结果,导航栏只有设置背景颜色为 #FFF(FFF) 时才会变成黑色文字。
  • 支付宝小程序的导航栏是支持透明渐变效果的,后面会提供相关的配置。
  • 使用伪元素做边框时,高度值不能用 1upx,需要直接用 1px。
  • 不支持 ECharts
  • 支付功能模拟不了
  • 未完待续...

更多差异

小伙伴们如果有其它发现,欢迎在社区向我们反馈,共同完善 uni-app 生态。

更多实现的细节,还在持续完善中。如果在开发过程中遇到一些问题或发现差异,在向我们反馈之前,建议阅读下相应平台的文档,以便更加精准地定位问题。

6 关注 分享
w***@163.com sonicsunsky 鸟鸟 Christian 梁飞鸿 1***@qq.com

要回复文章请先登录注册

liuxmoo

liuxmoo

由于支付宝/百度开发工具目前不支持直接唤醒并打开特定的项目。因此在 HBuilderX 中选择运行到支付宝/百度开发工具启动后,请根据控制台的提示手动打开项目。


现在还是这样么?
2019-04-16 21:21
Trust

Trust (作者)

回复 3***@qq.com :
请单独发帖,描述清楚问题,并提供下测试代码。
2019-03-08 19:06
3***@qq.com

3***@qq.com

支付宝小程序的授权手机号码,回调的属性绑定的函数 onGetAuthorize 找不到在methods定义的函数名
2019-03-08 18:38
4***@qq.com

4***@qq.com

编译到百度小程序 那原先的动态组件 要怎修改啊
2019-01-13 15:05
magengshun

magengshun

牛牛牛
2019-01-02 11:06
3***@qq.com

3***@qq.com

今天更新了HBX 牛了 多了好多插件
2018-12-28 14:58
Christian

Christian

厉害了!
2018-12-28 10:02
彳余001

彳余001

越来越强大了
2018-12-22 09:18
w***@163.com

w***@163.com

厉害了,真正的跨平台,赶紧试试~
2018-12-22 08:12