• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

参考:

 小程序•小故事(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。

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap