js 微信小游戏登入创建授权按钮用户授权获取用户 openid 和其他的敏感字段

刺骨的言语ヽ痛彻心扉 2022-04-11 11:45 213阅读 0赞

var crypto = require("crypto-js");
    var base64 = require("crypto-js/enc-base64");
    
    cc.Class({
        extends:BaseWind,
    
        onEnable()
        {
    
            this.onWechartLogin();
        },
    
        //微信登入
        onWechartLogin()
        {
            var self = this;
            //微信登入
            wx.login({
                success:function(res)
                {
                    self.m_code = res.code;
                    self.createUserInfoBtn();
                },
                fail:function(res)
                {
                    console.log("login fail", res);
                }
            });   
        },
    
        //创建授权按钮
        createUserInfoBtn()
        {   
            var viewSize = cc.view.getFrameSize();
            var vW = viewSize.width/2;      //屏幕宽
            var vH = viewSize.height/2; 
    
            var w = 300 * 2 * vW/1920
            var h = 200.m_gameStartBtn.height * 2 * vH/1080
    
            this.wxBtn = wx.createUserInfoButton({
                type: 'image',
                text: '获取用户信息',
                image: "https://www.xianqiju.cn/all-res/caihongjuntuan/start_btn.png",
                withCredentials:true,       //是否带上登录态信息。当 withCredentials 为 true 时，要求此前有调用过 wx.login 且登录态尚未过期，此时返回的数据会包含 encryptedData, iv 等敏感信息；当 withCredentials 为 false 时，不要求有登录态，返回的数据不包含 encryptedData, iv 等敏感信息。
                style: {
                    left: vW,
                    top: vH,
                    width: w,
                    height: h,
                }
            });
    		//添加授权按钮监听
            this.onWxLoginClick();
        },
    
        onWxLoginClick()
        {
            var self = this;
    
            wx.getSetting({
                success: function(res)
                {
                    if(res.authSetting['scope.userInfo'])
                    {
                    // 已经授权，可以直接调用 getUserInfo 获取头像昵称
                        wx.getUserInfo({
                            success: function(res)
                            {
                                self.setInfo(res);
                                if(self.wxBtn != null)
                                    self.wxBtn.hide();
                            }
                        }); 
                    }
                },
                fail: function(res) {
                    console.log("login fail", res);
                }
            });
            self.wxBtn.onTap((res) => {
    			var self = this;
    			var iv = res.iv;
    			var encryptedData = res.encryptedData;
    
    			self.setWxUserInfo(self, iv, encryptedData);
            });
        },
    
    
        // appid secret  通过 pos 请求 获取敏感信息openId
        setWxUserInfo(self,iv,encryptedData)
        {       
            var mSecret = "4486a5fab24b50a321cce385700780ec"; //你自己的AppSecret(小程序密钥)
            var mAppid = "wx0d749165140b8059";//你自己的AppID(小程序ID) 获取方式在底部
            var mUrl = "https://api.weixin.qq.com/sns/jscode2session?appid="+mAppid+"&secret="+mSecret+"&js_code="+self.m_code+"&grant_type=authorization_code";
            //var mUrl = "https://xianqiju.cn/open/openid?code=" + this.m_code;
            wx.request({
                url: mUrl,
                data: {code: self.m_code},    //参数为键值对字符串
                success: function (res) {
                    console.log("-----------request-----------");
                    var sessionKey = res.data.session_key;
                    var openid = res.data.openid;
    
                    self.selfInfo.m_nOpenId = openid
                    self.friendInfo.m_nOpenId = self.selfInfo.m_nOpenId;
    
    
                     //解密 得到 用户信息
                     const desessionkey = base64.parse(sessionKey);
                     const deencryptedData = base64.parse(encryptedData);
                     const deiv = base64.parse(iv);
                     let decrypt = crypto.AES.decrypt(deencryptedData, desessionkey, {
                         iv: deiv,
                         mode: crypto.mode.CBC,
                         padding: crypto.pad.Pkcs7
                     });
                     let decryptedStr = decrypt.toString(crypto.enc.Utf8);
                     console.log(JSON.stringify(decrypt));   
    				 
    				self.onLoginClick();
                }
            });
        },
    	
    	onLoginClick(){
    	//执行登录后的功能
    			
        },
    });

首先我们需要获取两个东西 一个是 AppID（小程序ID） 一个是 Appsecret (小程序秘钥) 在你的微信公众平台小程序开发设置中获取。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTMxNjgyNA_size_16_color_FFFFFF_t_70][]

var crypto = require("crypto-js");  
var base64 = require("crypto-js/enc-base64");

加密解密算法：[https://download.csdn.net/download/weixin\_41316824/10831569][https_download.csdn.net_download_weixin_41316824_10831569]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTMxNjgyNA_size_16_color_FFFFFF_t_70]: /images/20220411/203a289a8d9a461ba128f5bbce39932a.png
[https_download.csdn.net_download_weixin_41316824_10831569]: https://download.csdn.net/download/weixin_41316824/10831569

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java实现微信授权获取用户OpenID（简单易实现）

接上篇，我们从微信开发文档获取openid后，感觉这种方式有点麻烦，今天给大家推荐更好的一种方法，[GitHub - Wechat-Group/WxJava: 微信开发 Jav

迈不过友情╰/ 2023年09月27日 08:40/ 0 赞/ 207 阅读

相关 Java实现微信授权获取用户OpenID（二）

接上篇我们搞定了前期工作之后，就可以正式开始做调试工作了一、获取code [网页授权 | 微信开放文档][Link 1] 复制下面的url，根据参数说明来更改，appid的

傷城~/ 2023年09月27日 08:29/ 0 赞/ 128 阅读

相关 Java实现微信授权获取用户OpenID（一）

一、首先登录微信的开发文档 [参数说明-名词表 | 微信支付商户平台文档中心][-_ _] ![9d4467d3b3224fdd8cb163c743c383c1.png][]

向右看齐/ 2023年09月27日 08:26/ 0 赞/ 205 阅读

相关微信开发：网页授权获取用户 openID

前几天开发微信的项目，一直比较忙，也没有时间记录一下经验，今天静下来想了一下，准备把自己工作中踩到的一些坑给大家分享一下，本篇文章主要是自我记录，如果有不足的地方，请留言多多指

╰半夏微凉°/ 2023年06月13日 06:07/ 0 赞/ 157 阅读

相关获取用户信息（PHP如何静态授权获取微信用户的 openid 和基本信息）

准备首先你要有一个公众号，类型为服务号，还有一个外网可访问的域名（如果要映射公网服务器，需备案）。获取openid需要的公众号的 appid 和 secret（登录微信

Dear 丶/ 2022年12月23日 11:10/ 0 赞/ 256 阅读

相关小程序微信授权获取用户信息

> 福兮祸所伏，祸兮福所倚关于微信授权这块都有固定的几个步骤 1. 首先调用官方API获取登录凭证code 2. 通过code去换取openId（openId就是

叁歲伎倆/ 2022年11月28日 13:26/ 0 赞/ 586 阅读

相关 java实现微信授权获取用户openid及授权用户相关信息

首先需要在微信公众平台申请账号并在微信公众平台->设置->公众号设置->功能设置中设置或者在平台下接口权限->网页权限->网页授权中设置授权域名。跳转到授权页面的url：htt

Love The Way You Lie/ 2022年06月02日 08:41/ 0 赞/ 497 阅读

相关微信公众号开发-微信网页授权获取用户openid

文档链接：[https://mp.weixin.qq.com/wiki?t=resource/res\_main&id=mp1421140842][https_mp.weixi

痛定思痛。/ 2022年05月17日 10:35/ 0 赞/ 518 阅读

相关 js 微信小游戏登入创建授权按钮用户授权获取用户 openid 和其他的敏感字段

var crypto = require("crypto-js"); var base64 = require("crypto-js/enc-base64");

刺骨的言语ヽ痛彻心扉/ 2022年04月11日 11:45/ 0 赞/ 214 阅读

相关微信小程序获取用户信息(授权登录)

1、在button中添加属性 open-type='getUserInfo' 2、button绑定事件监听 bindgetuse

悠悠/ 2021年07月24日 12:51/ 0 赞/ 1029 阅读