获取微信openid(或昵称头像)的授权登录及其代理

本文介绍了一个用于微信授权登录的PHP脚本实现细节。包括如何通过不同模式获取用户的openid及额外信息如昵称和头像,并提供了完整的代码示例。
<?php
/**
 * 本页用于微信授权登录及其代理
 * 
 * @version    [V2.0]   		
 * @author     [ty1921] 			<[ty1921@gmail.com]>
 * @param 	   [backurl]		 	[传get参数backurl,则授权完成后返回到该backurl]
 * @createtime [2017-8-4 ]
 * @update 	   [2018-7-30]
 *
 * eg. 仅获取openid  http://www.?????.com/wx.php?type=snsapi_base&backurl=http://192.168.xxx.xxx
 *     获取昵称头像 http://www.?????.com/wx.php?type=userinfo&backurl=http://192.168.xxx.xxx
 */



namespace wechat\sns;

session_start();


//1 记录返回地址
if( !empty($_REQUEST['backurl']) )
{
	$_SESSION['backurl'] = $_REQUEST['backurl'];
}

if( !empty($_REQUEST['type']) )
{
	$_SESSION['type'] = $_REQUEST['type'];
}



//2 参数配置
$appid 		  = 'xxxxxxxxx';	//改为自己的

$appsecret 	  = 'xxxxxxxxx';	//改为自己的

$redirect_url = urlencode('http://www.?????.com/wx.php');    //改为自己的本PHP页面的公网地址


//3 如果openid已经获取过则直接返回,否则发起授权
if( empty($_SESSION['openid']) )
{
	if( empty($_SESSION['type']) || $_SESSION['type'] == 'snsapi_base')
	{
		//3.1 默认snsapi_base模式,只获取openid
		if( empty($_REQUEST['code']) )
		{
			getBaseInfo($appid,$redirect_url);
		}
		else
		{
			getUserOpenId($appid,$appsecret,$redirect_url);
		}
	}
	elseif( $_SESSION['type'] == 'userinfo')
	{
		//3.2 userinfo模式,获取openid、昵称和头像
		if( empty($_REQUEST['code']) )
		{
			getUserDetail($appid,$redirect_url);
		}
		else
		{
			getUserinfo($appid,$appsecret,$redirect_url);
		}
	}
}
else
{
	if( empty($_SESSION['type']) || $_SESSION['type'] == 'snsapi_base')
	{
		//返回openid
		back( array('openid' =>$_SESSION['openid']) );
	}
	else
	{
		//返回头像昵称和openid
		echo "|||返回头像昵称和openid";
	}
}






/**
 * [getBaseInfo 获取用户基础信息的函数]
 * @param  [] $appid        []
 * @param  [] $redirect_url [即本页线上地址]
 * @return []               []
 */
function getBaseInfo($appid,$redirect_url)
{
	//1、获取code
	$url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=".$appid."&redirect_uri=".$redirect_url."&response_type=code&scope=snsapi_base&state=123#wechat_redirect";

	header('location:'.$url);
}



/**
 * [getUserOpenId 获取用户OPENID]
 * @param  [type] $appid        []
 * @param  [type] $appsecret    []
 * @param  [type] $redirect_url [即本页线上地址]
 * @return [type]               [无返回,直接跳回backurl]
 */
function getUserOpenId($appid,$appsecret,$redirect_url)
{
	//2、获取网页授权的access_token
	$code = $_GET['code']; //从上面函数getBaseInfo获取得到

	$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=".$appid."&secret=".$appsecret."&code=".$code."&grant_type=authorization_code ";

	//3、获取openid
	$res = http_curl($url);

	//var_dump($res); //里面便是有openid数据

	$arr = json_decode($res,true);

	back( $arr );
	
}



/**
 * [getUserDetail 获取用户头像、昵称等的第一步]
 * @param  [type] $appid        [description]
 * @param  [type] $redirect_url [description]
 * @return [type]               [description]
 */
function getUserDetail($appid,$redirect_url)
{
	$url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=".$appid."&redirect_uri=".$redirect_url."&response_type=code&scope=snsapi_userinfo&state=333#wechat_redirect";

	header('location:'.$url);
}

/**
 * [getUserinfo 获取用户头像、昵称等的第二步]
 * @param  [type] $appid        [description]
 * @param  [type] $appsecret    [description]
 * @param  [type] $redirect_url [description]
 * @return [type]               [description]
 */
function getUserinfo($appid,$appsecret,$redirect_url)
{
	$code = $_GET['code']; //从上面函数getBaseInfo获取得到

	$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=".$appid."&secret=".$appsecret."&code=".$code."&grant_type=authorization_code ";

	$res = http_curl( $url );

	$arr1 = json_decode( $res, true );

	$openid = $arr1['openid'];

	$access_token = $arr1['access_token'];

	$url2 = "https://api.weixin.qq.com/sns/userinfo?access_token=".$access_token."&openid=".$openid."&lang=zh_CN";

	$res2 = http_curl( $url2 );

	$arr2 = json_decode( $res2, true );

	back( $arr2 );

}

 
/**
 * [http_curl curl]
 * @param  [string]  $url        [访问的URL]
 * @param  string  $post         [post数据(不填则为GET)]
 * @param  string  $cookie       [提交的$cookies]
 * @param  integer $returnCookie [是否返回$cookies]
 * @return [?]                  [curl的返回数据]
 */
 function http_curl( $url,$post='',$cookie='', $returnCookie=0 ){
 	 	//echo $url."||";
        $curl = curl_init();
        curl_setopt($curl, CURLOPT_URL, $url);
        curl_setopt($curl, CURLOPT_USERAGENT, 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; Trident/6.0)');
        curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1);
        curl_setopt($curl, CURLOPT_AUTOREFERER, 1);
        
        if($post) {
            curl_setopt($curl, CURLOPT_POST, 1);
            curl_setopt($curl, CURLOPT_POSTFIELDS, $post);
        }
        if($cookie) {
            curl_setopt($curl, CURLOPT_COOKIE, $cookie);
        }
        curl_setopt($curl, CURLOPT_HEADER, $returnCookie);
        curl_setopt($curl, CURLOPT_TIMEOUT, 30);
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
        $data = curl_exec($curl);
        if (curl_errno($curl)) {
            return curl_error($curl);
        }
        curl_close($curl);
        if($returnCookie){
            list($header, $body) = explode("\r\n\r\n", $data, 2);
            preg_match_all("/Set\-Cookie:([^;]*);/", $header, $matches);
            $info['cookie']  = substr($matches[1][0], 1);
            $info['content'] = $body;
            return $info;
        }else{
            return $data;
        }
}


/**
 * [back 返回到backurl]
 * @param  [char] $openid [微信openid]
 * @return [无返回]
 */
function back( $arr )
{
	if( !empty($_SESSION['backurl']) )
	{	
		$get_str = '';

		foreach ($arr as $k => $v) 
		{
			if( $k == 'privilege' )
			{
				$get_str .= "&{$k}=" . json_encode($v) ;
			}
			else
			{
				$get_str .= "&{$k}={$v}";
			}
		}

		if( !strstr( $_SESSION['backurl'], '?' ) )
		{
			//如果返回参数不带?,则强制加上
			$get_str = '?' . substr( $get_str, 1 );
		}


		$backurl = $_SESSION['backurl'] . $get_str;
		
		//echo $backurl;

        exit ("<script> window.location = '{$backurl}'; </script>");
        //echo "即将返回{$_SESSION['backurl']}?1=1&openid={$openid}";
	}
	else
	{
		echo "backurl lost.";
	}
}

 

<think>好的,我现在需要帮助用户解决在UniApp中实现微信登录授权获取用户昵称头像的问题。首先,我应该回顾用户提供的引用内容,特别是引用[1]和[2],里面提到了新版微信小程序的授权流程变化,比如wx.getUserProfile不再弹窗,获取用户信息的方式有所调整,以及获取手机号需要付费等限制。 用户的需求明确,是在UniApp中使用Vue3实现微信登录授权,并获取昵称头像。我需要确保提供的示例代码符合最新的微信小程序规范,同时适配UniApp的结构。 首先,微信登录授权的基本流程应该是:调用wx.login获取code,然后通过后端服务器换取openid和session_key。但用户主要关注的是前端如何获取用户信息,比如昵称头像。根据引用[2],wx.getUserProfile已经不再适用,所以需要使用微信的新接口,比如让用户主动填写昵称选择头像。 接下来,我需要考虑如何在UniApp中实现这一点。可能的方法是使用按钮引导用户点击,触发获取用户信息的操作。例如,使用button组件,设置open-type为chooseAvatar来选择头像,同时绑定事件处理函数。对于昵称,可能需要一个输入框让用户手动输入,者使用其他开放能力。 然后,代码结构方面,需要在Vue3的setup语法中处理响应式数据,比如使用ref来保存头像昵称。同时,需要处理微信登录流程,括wx.login获取code,以及可能的错误处理。 还需要注意权限配置,确保小程序已经申请了相应的权限,比如用户信息权限,否则可能无法获取到数据。此外,用户可能需要将获取到的信息发送到后端服务器进行存储,所以示例代码中需要含这部分逻辑的示意。 最后,要检查代码是否符合UniApp的语法规范,比如使用uni.login代替wx.login,以及处理回调函数的方式。同时,提醒用户注意测试环境和真机调试的重要性,因为部分功能在开发工具中可能无法完全模拟。 总结步骤: 1. 创建按钮,设置open-type为getUserInfochooseAvatar来触发授权。 2. 在事件处理函数中获取用户信息,更新到响应式变量。 3. 调用wx.login获取code,发送到后端换取openid。 4. 处理可能的错误,如用户拒绝授权的情况。 5. 提供示例代码,并说明注意事项,如权限申请和真机调试。 现在需要将这些步骤转化为具体的代码示例,并确保符合最新的微信接口要求,同时用中文清晰解释每个部分的作用。</think>以下是在UniApp(Vue3)中实现微信登录授权获取用户头像昵称的详细实现方案: ### 一、基础授权流程 1. 创建授权按钮组件 ```html <button class="login-btn" open-type="getUserInfo" @getuserinfo="handleGetUserInfo" >微信登录</button> ``` 2. 响应式数据定义 ```javascript import { ref } from 'vue' const userInfo = ref({ avatarUrl: '', nickname: '', code: '' }) ``` ### 二、核心实现代码 ```javascript // 获取用户信息 const handleGetUserInfo = async (e) => { if (e.detail.errMsg === 'getUserInfo:ok') { // 获取微信用户信息 const { avatarUrl, nickName } = e.detail.userInfo userInfo.value.avatarUrl = avatarUrl userInfo.value.nickname = nickName // 获取登录code uni.login({ provider: 'weixin', success: (res) => { userInfo.value.code = res.code // 将code发送到服务端(示例) uni.request({ url: 'https://your-api.com/login', method: 'POST', data: { code: res.code, avatar: avatarUrl, nickname: nickName } }) }, fail: (err) => { console.error('登录失败:', err) } }) } else { uni.showToast({ title: '授权取消', icon: 'none' }) } } ``` ### 三、新版头像获取方案(2024年最新规范) ```html <!-- 头像选择 --> <button open-type="chooseAvatar" @chooseavatar="onChooseAvatar" > <image :src="userInfo.avatarUrl" class="avatar"/> </button> <!-- 昵称输入 --> <input type="nickname" v-model="userInfo.nickname" placeholder="请输入昵称" /> ``` ```javascript // 选择头像回调 const onChooseAvatar = (e) => { userInfo.value.avatarUrl = e.detail.avatarUrl } ``` ### 四、注意事项 1. 需在小程序管理后台开启`获取用户信息`权限[^2] 2. 测试时需使用真机调试,开发者工具可能无法完整模拟 3. 用户头像需使用`https`协议地址 4. 用户昵称需做敏感词过滤处理
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值