Unity 微信小游戏开发踩坑记录 WX.CreateUserInfoButton

        因为某种原因,微信小游戏不能直接发出获取用户信息的弹窗,必须先由用户触发,才可以调用微信的获取用户信息的API。微信提供了WX.CreateUserInfoButton方法来创建一个按钮,通过用户点击这个按钮来由用户触发获取用户信息的API。在使用Unity的微信SDK提供的WX.CreateUserInfoButton方法时,创建出来的按钮是透明的,我们可以创建一个引导用户点击但没有实际功能的按钮,然后在根据这个按钮的位置,调用WX.CreateUserInfoButton创建一个透明的按钮覆盖在上面,就可以实现用户点击按钮,然后弹窗获取用户信息的功能。

        这里有几个坑点,一个是创建的按钮是透明的,我们根本看不到(其实js版本的api是可以指定按钮样式的,但是Unity WXSDK提供的api不能),所以我们根本不知道我们创建出来的按钮位置在哪。然后第二个坑点来了,CreateUserInfoButton的前四个参数分别为按钮的坐标的x和y,和按钮的宽width和高height,我们需要提供按钮的屏幕坐标和高宽,就可以确定按钮的位置,但是这个微信api的屏幕坐标是以左上角为原点的,而Untiy是以左下角为原点的,所以我们要自己进行坐标的转换。而且按钮位置的锚点也是按钮的左上角,并不是按钮的中心。

        不得不说微信小游戏的官方文档本来就语焉不详,Unity适配更是没有文档,让我们去参考js版的文档,上面的问题其实坑点单独拿出来还好,但是透明的按钮加没有说明的错误坐标系让我捣鼓了大半天,简直是折磨。

<think>好的,用户的问题是关于在Unity中使用wx.createUserInfoButton方法的具体教程和示例代码。首先,我需要回忆一下微信小游戏的相关接口调整。记得之前用户提到过wx.getUserInfo接口被调整为wx.createUserInfoButton,所以现在必须通过创建按钮来获取用户敏感信息。这一点需要明确,避免用户使用旧的方法导致问题。 接下来,用户是在Unity环境下开发,而Unity微信小游戏的坐标系不同,这可能带来按钮位置的问题。之前的引用中提到过坐标转换的问题,特别是Y轴的反转,因为Unity是左下角为原点,微信是左上角。所以用户可能需要调整按钮的位置,或者使用空对象来辅助定位,这部分需要详细说明。 然后,用户需要具体的示例代码,但Unity中通常使用C#,而微信小游戏的API是JavaScript,所以需要解释如何在Unity中调用这些方法。可能需要通过插件或中间层来桥接这两种环境,比如使用WebGL或相关的SDK。另外,引用中提到的创建C#脚本,比如SaveUserData.cs,可能需要调用云函数,这部分也需要参考用户提供的引用内容,确保代码示例的正确性。 权限方面,用户需要申请scope.userInfo域,可能还需要其他权限如地理位置等,但用户主要关注用户信息授权。这里需要提醒用户在小程序的后台配置相关权限,并检查授权设置。 然后,示例代码部分可能需要分步骤:创建按钮、处理回调、转换坐标。同时,要注意Unity中的UI系统和微信按钮的叠加问题,可能需要将按钮渲染在Canvas上,并处理事件响应。 可能用户遇到的常见问题包括按钮位置不正确、授权回调不触发、云函数配置错误等,需要在教程中给出解决方案,比如检查坐标转换、确认云函数名称是否正确,以及权限是否申请。 最后,生成的相关问题需要考虑用户可能进一步的需求,比如如何处理授权拒绝,如何获取其他权限,或者在Unity中如何调试这些问题。需要确保相关问题覆盖用户可能的后续疑问,帮助他们深入开发。</think>在Unity中使用wx.createUserInfoButton实现用户授权需要结合微信小游戏原生API与Unity坐标系转换。以下是具体实现步骤和示例代码: ### 一、基础配置准备 1. 确保微信开发者工具更新至最新版本 2. 在`game.json`中声明所需权限: ```json "requiredPermissions": ["userInfo"] ``` ### 二、Unity坐标系转换关键 微信小游戏坐标系(左上角原点)与Unity坐标系(左下角原点)转换公式: $$ y_{微信} = Screen.height - y_{Unity} $$ 建议使用空对象标记按钮边界位置[^2] ### 三、核心代码实现 创建`WechatAuthButton.cs`脚本: ```csharp using UnityEngine; using System.Runtime.InteropServices; public class WechatAuthButton : MonoBehaviour { [DllImport("__Internal")] private static extern void CreateUserInfoButton(float x, float y, float width, float height); void Start() { // 转换Unity坐标到微信坐标系 RectTransform rt = GetComponent<RectTransform>(); Vector2 pos = rt.anchoredPosition; pos.y = Screen.height - pos.y - rt.sizeDelta.y; CreateUserInfoButton(pos.x, pos.y, rt.sizeDelta.x, rt.sizeDelta.y); } // 微信回调方法 void OnUserInfoReceived(string jsonData) { UserInfo data = JsonUtility.FromJson<UserInfo>(jsonData); Debug.Log("用户昵称:" + data.nickName); // 上传数据到云开发 StartCoroutine(UploadUserData(data)); } IEnumerator UploadUserData(UserInfo data) { // 调用云函数示例[^4] WWWForm form = new WWWForm(); form.AddField("action", "SetUserData"); form.AddField("nickName", data.nickName); // 其他字段... } } [System.Serializable] public class UserInfo { public string nickName; public string avatarUrl; // 其他字段... } ``` ### 四、JavaScript桥接代码(需放在webgl模板) ```javascript // wechat-api.js function CreateUserInfoButton(x, y, width, height) { const button = wx.createUserInfoButton({ type: 'text', text: '授权登录', style: { left: x, top: y, width: width, height: height, backgroundColor: '#07C160', color: '#FFFFFF' } }); button.onTap((res) => { if (res.errMsg === 'getUserInfo:ok') { // 调用Unity方法 unityInstance.SendMessage('WechatAuthButton', 'OnUserInfoReceived', JSON.stringify(res.userInfo)); button.destroy(); } }); } ``` ### 五、常见问题处理 1. **按钮位置偏移**:使用两个空对象标记左上/右下角坐标点[^2] 2. **授权失败**:检查`scope.userInfo`权限是否声明[^3] 3. **云函数报错**:确认云函数名称与后台配置一致
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值