微信公众平台小程序新增扫一扫等能力

末蓝、 2022-01-30 22:59 243阅读 0赞

近期，微信公众平台对小程序进行了公测，为了让商户开发出功能更加丰富的小程序，现新增相关能力，具体如下：新增分享、模板消息、客服消息、扫一扫、带参数二维码（当前仅限开发者和体验者使用）等功能；新增 4 个新 API， 2个新组件；拓展了 10 个组件属性，新增 6 个组件事件；修复数十个 API 以及组件 bug，优化部分交互体验；开发者工具增加新 API 及组件的调试支持；开发者工具增加微信支付的调试支持

**1、分享**

可以分享小程序的任何一个页面给好友或群聊。

**2、模板消息**

商户可以将模板消息发送给接受过服务的用户，用户接受一次服务，七天内可收到一条模板消息。

**3、客服消息**

用户可以在小程序内联系客服，支持文字和图片。商户可以在48小时内回复用户。

**4、扫一扫**

用户可以在小程序中使用扫一扫。

**5、带参数二维码**

支持在开发者工具中生成带参数二维码，用户扫码后，可以打开小程序的不同页面。（当前仅限开发者和体验者使用）

此外，还优化和修复了100多个功能点，如大幅增强的地图能力。详细更新日志如下：

1.  `A` 新增 API `wx.switchTab` [详情][Link 1]
2.  `A` 新增 API `wx.scanCode` [详情][Link 2]
3.  `A` 新增 API `wx.createMapContext` [详情][Link 3]
4.  `A` 新增 API `wx.createCanvasContext` [详情][Link 4]
5.  `A` 新增 API `wx.showToast` 调用参数 mask [详情][Link 5]
6.  `A` 新增 页面方法 `Page.onShareAppMessage` 用于自定义分享内容 [详情][Link 6]
7.  `A` 新增 框架方法 `App.onError` [详情][Link 7]
8.  `A` 新增 页面配置 `disabelScroll` [详情][Link 8]
9.  `A` 新增 `<picker-view/>` 组件 [详情][Link 9]
10. `A` 新增 `<contact-button/>` 组件，用于显示客服会话按钮 [详情][Link 10]
11. `A` 新增 `<navigator/>` 组件属性 openType [详情][Link 11]
12. `A` 新增 `<switch/>` `<checkbox/>` `<radio/>` 组件属性 color
13. `A` 新增 `<video/>` 组件属性 objectFit [详情][Link 12]
14. `A` 新增 `<map/>` 组件属性 markers polyline circles include-points controls show-location [详情][Link 13]
15. `A` 新增 `<swiper/>` 组件属性 circular 控制衔接滑动 [详情][Link 14]
16. `A` 新增 `<input/>` 组件属性 cursor-spacing [详情][Link 15]
17. `A` 新增 `<textarea/>` 组件属性 cursor-spacing [详情][Link 16]
18. `A` 新增 `<picker/>` 组件属性 disabled [详情][Link 17]
19. `A` 新增 `<view/>` 组件属性 hover-class [详情][Link 18]
20. `A` 新增 `<scroll-view/>` 组件属性 scroll-x, scroll-y 动态修改支持 [详情][Link 19]
21. `A` 新增 `<map/>` 组件事件 bindtap bindmarkertap bindcontrolstap bindregionchange [详情][Link 13]
22. `A` 新增 `<input/>`组件事件 bindconfirm [详情][Link 15]
23. `A` 新增 `<video/>` 组件事件 bindtimeupdate [详情][Link 12]
24. `A` 新增 `<textarea/>` 组件事件 bindconfirm [详情][Link 16]
25. `A` 新增 `<textarea/>` 组件事件 bindinput [详情][Link 16]
26. `A` 新增 `<canvas/>` 组件事件 bindlongtap [详情][Link 20]
27. `A` 新增 `AudioContext.setSrc()` 上下文 API [详情][Link 21]
28. `A` 新增 `CanvasContext` 上下文 [详情][Link 22]
29. `A` 新增 `CanvasContext.arc()` 上下文 API [详情][Link 23]
30. `A` 新增 `CanvasContext.fillRect()` 上下文 API [详情][Link 24]
31. `A` 新增 `CanvasContext.strokeRect()` 上下文 API [详情][Link 25]
32. `A` 新增 `CanvasContext.createLinearGradient()` 上下文 API [详情][Link 26]
33. `A` 新增 `CanvasContext.createCircularGradient()` 上下文 API [详情][Link 27]
34. `A` 新增 `<scroll-view/>` 组件表现 滚动时禁止将页面滚动
35. `U` 更新 API `wx.getSystemInfo` 新增 platform 返回参数 [详情][Link 28]
36. `U` 更新 API `wx.downloadFile` 当 HTTP 状态码为 200 或 304 的时候会返回 tmpFilePath [详情][Link 29]
37. `U` 更新 API `wx.showModal` 调用参数 confirmText cancelText 的字数限制 [详情][Link 30]
38. `U` 更新 API `wx.navigateTo` `wx.redirectTo` 不允许跳转到 tabbar 页面，请使用 `wx.switchTab` [详情][Link 1]
39. `U` 更新 WXML dataset 返回 支持 Object 和 Array
40. `U` 更新 `<image/>` 组件属性 mode 可选 widthFix [详情][Link 31]
41. `U` 更新 `<picker/>` 组件属性 range 增加 ObjectArray 类型支持 [详情][Link 17]
42. `U` 更新 `<switch/>` `<checkbox/>` `<radio/>` 默认样式
43. `U` 更新 `CanvasContext.save()` `CanvasContext.restore()` 上下文 API 保存画笔 style
44. `U` 更新 `CanvasContext.arc()` 上下文 API 参数调整，新增 `eAngle`, `counterclockwise`，去除 `sweepAngle` [详情][Link 23]
45. `U` 优化 `<swiper/>` 滑动体验
46. `U` 优化 `<swiper/>` `<slider/>` 在 `<scroll-view/>` 交互体验
47. `U` 优化 `<navigator/>` `<button/>` 组件点击体验
48. `F` 修复 `wx.request` 在 Android 上 method 只能用大写值的问题
49. `F` 修复 `wx.uploadFile` 在 iOS 上无法设置 header 的问题
50. `F` 修复 `wx.getLocation` type=gcj02 在 iOS 上不生效的问题
51. `F` 修复 `wx.showToast` 退出小程序后依然显示的问题
52. `F` 修复 `wx.showModal` 返回参数在 Android 和 iOS 不一致的问题
53. `F` 修复 `wx.showModal` content 太长时或 title 为空时，布局错乱的问题
54. `F` 修复 `wx.showModal` cancelText 和 confirmText 为空时，没有显示默认值的问题
55. `F` 修复 `wx.showModal` 期间，键盘弹出，无法收起键盘的问题
56. `F` 修复 `wx.getImageInfo` 在 Android 无法获取 http 链接图片的问题
57. `F` 修复 `wx.getSystemInfo` 因为 tabbar 出现导致获取的屏幕高度不一致的问题
58. `F` 修复 `wx.downloadFile` 在 Android 上下载后图片无法显示的问题
59. `F` 修复 `wx.request` 没有对请求数据正确 encode 的问题
60. `F` 修复 `wx.login` 在 iOS 中 App.onLaunch 没有回调的问题
61. `F` 修复 `wx.createAnimationContext` 设置 transformOrigin 异常及动画不能进行下一步的问题
62. `F` 修复 `wx.navigateTo` `wx.redirectTo` 在 iOS 上，Page.onLoad 无法调用的问题
63. `F` 修复 `catch` 阻止事件的默认行为失效的问题
64. `F` 修复 `setInterval` 在 iOS 传参错误导致页面卡死的问题
65. `F` 修复 `onReachBottom` 触发多次的问题
66. `F` 修复 `<swiper/>` 拥有文本节点后代时出错的问题
67. `F` 修复 `<switch/>` `<radio/>` `<checkbox/>` `<image/>` `<video/>` hidden 属性不生效的问题
68. `F` 修复 `<checkbox/>` `<radio/>` label 无法生效的问题
69. `F` 修复 `<scroll-view/>` 滑动到顶部或底部闪屏的问题
70. `F` 修复 `<video/>` 在 iOS 上事件不生效的问题
71. `F` 修复 `<video/>` 在 iOS 被移除了声音会继续存在的问题
72. `F` 修复 `<text/>` 内嵌不会动态更新 class 和 style 的问题
73. `F` 修复 `<button/>` disabled 时文字颜色不对的问题
74. `F` 修复 `<input/>` focus 属性无效的问题
75. `F` 修复 `<input/>` 在 iOS9 使用 display:flex 的时候，第一次输入不显示的问题
76. `F` 修复 `<input/>` 初始值为 undefined 时显示异常的问题
77. `F` 修复 `<input/>` placeholder 重影的问题
78. `F` 修复 `<input/>` `<textare/>` 聚焦前后颜色异常的问题
79. `F` 修复 `<textarea/>` position:fixed 定位异常的问题
80. `F` 修复 `<textarea/>` 在打开 picker 后不触发 blur 事件的问题
81. `F` 修复 `<textarea/>` 设置 auto-height 时高度变化的问题
82. `F` 修复 `<textarea/>` 销毁异常的问题
83. `F` 修复 `<video/>` 在 Android 全屏按钮点击两次才能生效的问题
84. `F` 修复 `<audio/>` 在多个页面中使用相同 id 冲突的问题
85. `F` 修复 `<canvas/>` drawImage 无法正常显示的问题
86. `F` 修复 `<image/>` 在 bindload 事件里面 setData 会出现死循环的问题
87. `F` 修复 `<scroll-view/>` scroll-into-view 失效的问题
88. `F` 修复 `<form/>` submit 取不到 input 的内容的问题
89. `D` 即将移除 `<navigator/>` redirect 属性
90. `D` 即将移除 `wx.createContext` 接口
91. `D` 即将移除 `<input/>` auto-focus 属性，直接使用 focus 属性即可
92. `D` 即将移除 `<map />` covers 属性

### 开发者工具基础功能 ###

1.  `A` 新增 `wx.switchTab` 的调试支持
2.  `A` 新增 `wx.startRecord` `wx.stopRecord` `wx.playVoice` `wx.pauseVoice` `wx.stopVoice` API 调试支持
3.  `A` 新增 微信支付调试支持 [详情][Link 32]
4.  `A` 新增 二维码扫码调试支持
5.  `A` 新增 app.json 重复定义页面文件导致提交预览错误的提示
6.  `A` 新增 模拟器加载图片网络错误的提示信息
7.  `A` 新增 编译时候设置初始化页面以及参数的功能
8.  `A` 新增 提交预览时候设置初始化页面以及参数的功能
9.  `F` 优化 appdata panel 分页面查看数据，支持动态更新以及 `code` 模式显示
10. `F` 修复 `wx.getBackgroundAudioPlayerState` 在没有音乐播放的时候无返回的问题
11. `F` 修复 `wx.getBackgroundAudioPlayerState` 获取 status 不正确的问题
12. `F` 修复 wxml panel 某些情况下白屏的问题
13. `F` 修复 wxml panel 属性无法复制，并且复制带有回车的问题
14. `F` 修复 wxml panel 单一文本节点展示没有对齐的问题
15. `F` 修复 app.json 中 tabbar 的 position 设置为 top 时模拟器显示错误的问题
16. `F` 修复 devtools 和编辑器中点击外部链接错误的问题
17. `F` 修复 `wx.requst` 因为缓存无法发送请求的问题

[Link 1]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html?t=20161221#wxswitchtabobject
[Link 2]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/scancode.html?t=20161221
[Link 3]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-map.html?t=20161221
[Link 4]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/create-canvas-context.html?t=20161221
[Link 5]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html?t=20161221
[Link 6]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html?t=20161221
[Link 7]: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html?t=20161221
[Link 8]: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=20161221#pagejson
[Link 9]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker-view.html?t=20161221
[Link 10]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/contact-button.html?t=20161221
[Link 11]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161221
[Link 12]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/video.html?t=20161221
[Link 13]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/map.html?t=20161221
[Link 14]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html?t=20161221
[Link 15]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/input.html?t=20161221
[Link 16]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/textarea.html?t=20161221
[Link 17]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html?t=20161221
[Link 18]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/view.html?t=20161221
[Link 19]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html?t=20161221
[Link 20]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/canvas.html?t=20161221
[Link 21]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-audio.html?t=20161221#audiocontext
[Link 22]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/intro.html?t=20161221
[Link 23]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/arc.html?t=20161221
[Link 24]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/fill-rect.html?t=20161221
[Link 25]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/stroke-rect.html?t=20161221
[Link 26]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/create-linear-gradient.html?t=20161221
[Link 27]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/create-circular-gradient.html?t=20161221
[Link 28]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html?t=20161221
[Link 29]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html?t=20161221#wxdownloadfileobject
[Link 30]: https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html?t=20161221#wxshowmodalobject
[Link 31]: https://mp.weixin.qq.com/debug/wxadoc/dev/component/image.html?t=20161221
[Link 32]: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/details.html?t=20161221#%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98%E7%9A%84%E8%B0%83%E8%AF%95