小程序开发新能力解读 - 2021.11

快速知悉

• wx.getSystemInfo 拆分为 wx.getSystemSetting / wx.getAppAuthorizeSetting / wx.getDeviceInfo / wx.getWindowInfo / wx.getAppBaseInfo
• 打开半屏小程序 Beta 
• wx.getLaunchOptions / wx.getEnterOptions 增加 apiCategory 参数
• wx.request 支持分块传输
• 蓝牙相关更新
• 地图组件叠加热力图、弧线图、网格热力图效果

1. getSystemInfo拆分

目前 wx.getSystemInfo 返回的信息越来越多，调用的时候返回实际开发时用不到的信息，于是将 wx.getSystemInfo 拆分为以下几个接口：

 wx.getSystemSetting：获取设备设置

wx.getAppAuthorizeSetting：跳转系统微信授权管理页

wx.getDeviceInfo：获取设备基础信息

wx.getWindowInfo：获取窗口信息

wx.getAppBaseInfo：获取微信APP基础信息

2. 打开半屏小程序 Beta

当小程序需要打开另一个小程序让用户进行快捷操作时，可将要打开的小程序通过半屏的形态快速拉起。

使用介绍

1、全局配置 app.json 的 embeddedAppIdList 字段声明需要通过半屏形态打开的小程序。内测期间，每个小程序最多打开两个半屏小程序。

{
  "embeddedAppIdList": ["wxe5f52902cf4de896"]
}

2、通过 wx.openEmbeddedMiniProgram 打开半屏小程序。

wx.openEmbeddedMiniProgram({
  appId: "wxe5f52902cf4de896"
})

点击查看 半屏小程序  完整官方文档 

效果展示

3. wx.getLaunchOptions / wx.getEnterOptions 增加 apiCategory 参数

apiCategory 分为 4 种类别，不同 apiCategory 场景下 API 使用会有不同的限制。

• default：默认类别
• nativeFunctionalized：原生功能化，视频号直播商品、商品橱窗等场景打开的小程序；
• browseOnly：仅浏览，朋友圈快照页等场景打开的小程序；
• embedded：半屏，通过打开半屏小程序能力打开的小程序；

4. wx.request 支持分块传输

wx.request 启动分块传输之后，服务器下发到客户端的内容不是一次性完成的，而是分为一小块一小块（trunk）下发，过程中客户端与服务器的连接仍然维持不会断开。

使用介绍

1、wx.request 配置 enableChunked 参数为 true，启动分块传输。

2、通过 requestTask.onChunkReceived 监听 Transfer-Encoding Chunk Received 事件。

3、通过 RequestTask.offChunkReceived 取消监听 Transfer-Encoding Chunk Received 事件。

const requestTask = wx.request({
  url: "https://example.com",
  enableChunked: true
})


// 监听 Transfer-Encoding Chunk Received 事件。当接收到新的chunk时触发。
requestTask.onChunkReceived(res => {
  console.log(res, res.data)
})

5. 蓝牙相关更新

蓝牙主机模式支持获取 MTU 详情

查询蓝牙是否配对 wx.isBluetoothDevicePaired 详情

蓝牙从机模式支持以 Beacon 模式广播 详情

6. 地图组件叠加弧线图、网格热力图、标注热力图效果

使用介绍

1、map 组件配置 subkey 启动 个性化地图 。

2、在腾讯位置服务 创建图层，获取可视化图层 id（layerId）。

3、小程序调用 MapContext.addVisualLayer 将可视化图层（弧线图、网格热力图、标准热力图）添加到小程序地图中。

7. 更多能力

• 支持获取局域网IP地址 wx.getLocalIPAddress 详情
• 小程序安卓端支持启停截屏/录屏接口 wx.setVisualEffectOnCapture 详情
• 支持跳转系统设置 wx.openSystemBluetoothSetting / wx.openAppAuthorizeSetting