网页版微信扫码登录

3 篇文章 0 订阅

官方文档:

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

注意事项:回调地址是 顶级域名,前不带http,后不带地址;eg:www.baidu.com
直接上代码:
第一步:生成二维码

 $redirect_uri = 'http://'.$_SERVER['HTTP_HOST'].'/store/getToken';
 $redirect_uri = urlencode($redirect_uri);   //该回调需要url编码
 $appID = Config::get('custom.wxAppId');
  //准备向微信发请求
  $url = "https://open.weixin.qq.com/connect/qrconnect?appid=" . $appID."&redirect_uri=".$redirect_uri."&response_type=code&scope=snsapi_login&state=dsjhwx#wechat_redirect";
  header("Location:" . $url);

第二步:在回调地址中处理数据

 //参数
 $appid  = Config::get('custom.wxAppId');
 $secret = Config::get('custom.wxAppKey');
 if (empty($code)){
     return $this->format('0', "扫码登录失败", null);
 }
 //通过code获得 access_token + openid
 $url="https://api.weixin.qq.com/sns/oauth2/access_token?appid=".$appid."&secret=".$secret."&code=".$code."&grant_type=authorization_code";
 $jsonResult =$this->https_request($url);
 $resultArray = json_decode($jsonResult, true);
 $access_token = $resultArray["access_token"];
 $openid = $resultArray["openid"];
 dump($openid);
 dump($data);
 //第三步  获取用户信息
 //通过access_token + openid 获得用户所有信息,结果全部存储在$infoArray里
 $infoUrl = "https://api.weixin.qq.com/sns/userinfo?access_token=" . $access_token . "&openid=" . $openid.'&lang=zh_CN';
 $infoResult = $this->https_request($infoUrl);
 $infoArray = json_decode($infoResult, true);
 //这里是用户信息
 if($infoArray['unionid'])
 {
 	 //这里写业务逻辑
     dump($infoArray);
     die;
 }
 die;

打印出来的数据如下:在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue企业微信扫码登录是一种在Vue框架下实现的方式,用于实现用户通过扫描企业微信二维码进行系统登录的需求。在实现这个需求时,需要解决两个关键技术问题。首先是如何在网页端生成企业微信的二维码,其次是用户扫码完成后如何确定是哪个用户扫描的二维码,或者如何将这个信息告知后端。下面我将一步步为您解释如何实现这个需求。 首先,生成企业微信的二维码可以通过构造扫码登录链接来实现。在企业微信扫码登录流程中,有两种方法可以构造扫码登录链接:一种是构造独立窗口登录二维码,另一种是内嵌登录二维码。根据您的需求,内嵌登录二维码更符合要求。 其次,为了确定是哪个用户扫描的二维码,或者将这个信息告知后端,需要进行企业微信后台管理平台的配置。您可以登录企业微信后台管理平台,通过扫描企业微信二维码进入管理平台。请注意,只有企业的管理员角色才能登录进入管理平台。如果您没有权限,可以请管理员帮助您赋予权限。如果没有企业或者想先进行测试,您可以在企业微信的app端上以个人为主体创建一个企业组织。 通过以上步骤,您就可以在Vue框架下实现企业微信扫码登录的需求了。希望对您有所帮助。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [Vue 实现企业微信扫码登录](https://blog.csdn.net/weixin_36894745/article/details/106125761)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [vue实现网页端企业微信扫码登录功能(前端部分)](https://blog.csdn.net/weixin_38611617/article/details/128643445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值