微信小游戏 小程序与小游戏获取用户信息接口调整 wx.createUserInfoButton

2022-10-30,,,,

参考:

小程序•小故事(6)——微信登录能力优化

小程序•小故事(4)——获取用户信息

本篇主要是讲微信getUserInfo接口不再出现授权弹框

那么原来getUserInfo是怎么样?修改之后又是什么样呢?

一、小程序与小游戏获取用户信息接口调整

wx.getUserInfo是用于获取用户信息的,比如头像、昵称。

现在使用接口会出现如下提示

查看文档

wx.getUserInfo 接口后续将不再出现授权弹窗,请注意升级

二、什么是授权弹框?

授权弹框就是弹出如下界面,让用户选择授权。

三、原来是怎么样的?现在是怎么样的?

原来直接调用 wx.getUserInfo 会直接弹出授权弹框,然后可以获取用户信息

    private async runGame() {
await this.loadResource()
this.createGameScene();
const result = await RES.getResAsync("description_json")
await platform.login();
const userInfo = await platform.getUserInfo();
console.log("用户数据:",userInfo); }

但是用户一旦取消授权,则下次再进入这个小游戏的时候,wx.getUserInfo不会再次弹出授权弹框了。

用户必须进入该小游戏公众号,进行设置,允许用户授权。

但是大部分小白用户不知道这些操作,那么游戏没有授权,无法获取用户信息,你将丧失掉了这个用户。

所以增加了wx.createUserInfoButton,这个接口可以主动调起授权窗口。

四、wx.createUserInfoButton怎么用?

首先在wx_mini_game.d.ts里增加接口。wx_mini_game.d.ts是什么?官方提供的wx接口文件。但是没有更新新的接口,所以你得自己添加。官方Demo

/**
* 在无须用户授权的情况下,批量获取用户信息。该接口只在开放数据域下可用
*/
createUserInfoButton(object: { type: string, text?: string, image?: string, style: any }): UserInfoButton;
/**
* 按钮
*/
declare interface UserInfoButton {
destroy(): void;
hide(): void;
onTap(callback: (res) => void): void;
offTap(callback: () => void): void;
show(): void;
}

  

在代码里使用

		let button = wx.createUserInfoButton({
type: 'text',
text: '获取用户信息',
style: {
left: 10,
top: 76,
width: 200,
height: 40,
lineHeight: 40,
backgroundColor: '#ff0000',
color: '#ffffff',
textAlign: 'center',
fontSize: 16,
borderRadius: 4
}
}); button.onTap((res) => {
console.log(res)
})

  

然后会出现一个按钮,如下红色的获取用户信息

点击这个按钮,在用户未授权的情况下,会主动调起授权弹框;在用户已授权的情况下,会获取用户数据。

当然这个红色文本比较丑,可以使用自定义图片 ,type改为image,放入图片链接,具体使用查看微信API的wx.createUserInfoButton

let button = wx.createUserInfoButton({
type: 'image',
         image: 'xxxxxx.png'

  

总结:

wx.getUserInfo,只能再用户首次使用小游戏时,调起微信授权弹框,一旦用户拒绝以后,不会再次调起授权弹框,你将因为无法获取这个用户的信息而丧失掉这个用户。

wx.createUserInfoButton  可以主动调起授权弹框。一般配合wx.getsetting使用,wx.getsetting可以判断用户是否授权过。未授权过,则创建createUserInfoButton。

微信小游戏 小程序与小游戏获取用户信息接口调整 wx.createUserInfoButton的相关教程结束。

《微信小游戏 小程序与小游戏获取用户信息接口调整 wx.createUserInfoButton.doc》

下载本文的Word格式文档,以方便收藏与打印。