小程序开发新能力解读 - 2021.09
快速知悉 视频号的跳转接口安全能力 - 小程序加密网络通道安全能力 - 安全键盘TCP通信能力 wx.createTCPSocket新增 wx.createWebAudioContext 接口文件系统新增FD相关接口移动解析HttpDNS 1. 视频号的跳转接口介绍:通过视频号直播与视频内容中的介绍更好地了解小程序提供的服务。可以在直播电商、内容营销等应用场景与视频号进行更好地联动。 跳转视频号直播间wx.getChannelsLiveInfo:获取视频号直播信息,通过 视频号 id 可获取到 直播 feedId、直播 nonceId 等直播相关信息 wx.openChannelsLive:打开视频号直播,通过 视频号 id、直播 feedId、直播 nonceId 发起预约视频号直播wx.getChannelsLiveNoticeInfo:获取视频号直播预告信息,通过 视频号 id 可获取到 预告 id 等直播相关信息 wx.reserveChannelsLive:预约视频号直播,通过 预告 id 预约直播 官方文档 2. 安全能力 - 小程序加密网络通道介绍:为了避免小程序与开发者后台通信时数据被截取和篡改,微信侧维护了一个用户维度的可靠key,用于小程序和后台通信时进行加密和签名。 开发者可以分别通过小程序前端和微信后台提供的接口,获取用户的加密 key。 使用介绍前端通过 userCryptoManager.getLatestUserKey 获取加密密钥信息发起 wx.request 请求时使用第一步得到的加密密钥信息对参数进行加密服务端请求服务端接口getUserEncryptKey 拿到 encryptKey 用于解密示例代码// 前端
const somedata = 'xxxxx'
const userCryptoManager = wx.getUserCryptoManager()
userCryptoManager.getLatestUserKey({
success({encryptKey, iv, version, expireTime}) {
const encryptedData = someAESEncryptMethod(encryptKey, iv, somedata)
wx.request({
data: encryptedData,
success(res) {
const decryptedData = someAESDEcryptMethod(encryptKey, iv, res.data)
console.log(decryptedData)
}
})
}
})
// 服务端
curl -X POST "https://api.weixin.qq.com/wxa/business/getuserencryptkey?access_token=ACCESS_TOKEN&openid=OPENID&signature=SIGNATURE&sig_method=hmac_sha256"
官方文档 3. 安全能力 - 安全键盘介绍:为提高微信开放平台生态安全性,针对小程序内数字密码输入场景中可能存在的安全问题,微信侧在input组件开放了安全键盘类型。 通过安全键盘能力可在用户输入关键信息时进行加密,阻止网络监听、木马病毒等手段窃取信息。 使用介绍通过微信提供的工具生成 CSR在小程序管理后台「开发」-「开发管理」-「开发设置」-「安全键盘证书」板块填入CSR生成证书将生成的证书放入小程序代码包中input 设置 type=“safe-password”,并设置相关参数 safe-password-* 即可使用input bindblur 得到 encryptedValue,服务端拿到数据后可使用私钥进行解密示例代码官方文档 4. TCP通信能力 wx.createTCPSocket使用场景物联网硬件 wifi 配网安防监控摄像头 X-P2P 直播局域网 TCP 通讯官方文档 5. 新增 wx.createWebAudioContext 接口介绍:不同于原先的 wx.createInnerAudioContext 接口,wx.createWebAudioContext 提供了很多接口用于处理变换音频。 使用场景对音频添加特效使音频可视化添加空间效果 (如平移)官方文档 6. 文件系统新增FD相关接口[视频] 介绍:提供文件系统 FD 相关接口,让开发者可以更原子化地、性能更高地操作文件。 相关接口FileSystemManager.open / openSync :打开文件 FileSystemManager.close / closeSync :关闭文件 FileSystemManager.fstat / fstatSync :获取文件的状态信息 FileSystemManager.write / writeSync :写入文件 FileSystemManager.read / readSync :读文件 FileSystemManager.ftruncate / ftruncateSync :截断文件 7. 移动解析HttpDNS介绍:开发者调用 wx.request 时,可以开启移动解析 HttpDNS 服务。 该服务基于 Http 协议向服务商的 DNS 服务器发送域名解析请求,替代了基于 DNS 协议向运营商 Local DNS 发起解析请求的传统方式,可以避免 Local DNS 造成的域名劫持和跨网访问问题,解决移动互联网服务中域名解析异常带来的困扰。 使用介绍前往 微信服务平台 选购 HttpDNS 资源,并在服务详情页 - 接入文档获取 Service ID。小程序调用 wx.request,将 enableHttpDNS 参数设置为 true,并在 httpDNSServiceId 参数中填入选用的服务商 Service ID。示例代码wx.request({
url: 'example.php', //仅为示例,并非真实的接口地址
enableHttpDNS: true,
httpDNSServiceId: 'wxa410372c837a5f26',
success(res) {
console.log('request success', res)
},
fail(res) {
console.error('request fail', res)
}
})
官方文档 8. 更多能力WXWebAssembly 详情 订阅消息语音提醒 详情扩展 UDP 接口,增加 setTTL 接口 详情车牌接口 - 选择车牌号 wx.chooseLicensePlate 详情小程序打开微信客服 wx.openCustomerServiceChat 详情