Posted in Javascript onSeptember 12, 2019
本文实例为大家分享了微信小程序获取用户信息及手机号的具体代码,供大家参考,具体内容如下
wxml页面
<view wx:if="{{config.tipsshow1}}" class='dialog-container'> <view class='dialog-mask'></view> <view class='dialog-info'> <view class='dialog-title'>login prompt</view> <view class='dialog-content'>To provide better service, click "allow" in the prompt box later!</view> <view class='dialog-footer'> <button class='dialog-btn' open-type="getUserInfo" bindgetuserinfo="getUserInfo">I see.</button> </view> </view> </view> <view wx:if="{{config.tipsshow2}}" class='dialog-container'> <view class='dialog-mask'></view> <view class='dialog-info'> <view class='dialog-title'>login prompt</view> <view class='dialog-content'>To provide better service, click "allow" in the prompt box later!</view> <view class='dialog-footer'> <button class='dialog-btn' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">To authorize.</button> </view> </view> </view>
wxss页面
.dialog-mask{ position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); } .dialog-info{ position: fixed; z-index: 5000; width: 80%; max-width: 600rpx; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FFFFFF; text-align: center; border-radius: 3px; overflow: hidden; } .dialog-title{ font-size: 36rpx; padding: 30rpx 30rpx 10rpx; } .dialog-content{ padding: 10rpx 30rpx 20rpx; min-height: 80rpx; font-size: 32rpx; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #999999; } .dialog-footer{ display: flex; align-items: center; position: relative; line-height: 90rpx; font-size: 34rpx; } .dialog-btn{ display: block; -webkit-flex: 1; flex: 1; position: relative; color: #3CC51F; }
js页面
data: { userName: '', pwd: '', getUserInfoFail: '', userInfo: [], hasUserInfo: '', phone: '', config: { tipsshow1: true, tipsshow2: false } }, /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { var that = this; //用户是否授权过手机号 wx.getStorage({ key: 'phone', success: function (res) { that.setData({ config: { tipsshow1: false, tipsshow2: false }, }) } }) //是否授权过用户信息 wx.getSetting({ success: function(res) { if (res.authSetting['scope.userInfo']) { // 已经授权,可以直接调用 getUserInfo 获取头像昵称 wx.getUserInfo({ success: function(res) { that.setData({ userInfo: res.userInfo, config: { tipsshow1: false, }, }) } }) } } }) }, getPhoneNumber: function(e) { if (e.detail.errMsg == "getPhoneNumber:fail user deny") return; //用户允许授权 wx.showLoading() var self = this //1. 调用登录接口获取临时登录code wx.login({ success: res => { console.log(res, 555) if (res.code) { //2. 访问登录凭证校验接口获取session_key、openid wx.request({ url: "xxxxxxx/index/author/login", data: { 'js_code': res.code, }, method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT header: { 'content-type': 'application/json' }, // 设置请求的 header success: function(data) { console.log(data, data) if (data.statusCode == 200) { //3. 解密 wx.request({ url: 'xxxxxx/index/author/number', data: { 'appid': data.data.appid, 'sessionKey': data.data.session_key, 'encryptedData': e.detail.encryptedData, 'iv': e.detail.iv, }, method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT header: { 'content-type': 'application/json' }, // 设置请求的 header success: function(data2) { wx.hideLoading() console.log(data2.data.phoneNumber) if (data2.statusCode == 200 && data2.data.phoneNumber) { self.setData({ phone: data2.data.phoneNumber, config: { tipsshow1: false, tipsshow2: false, }, }) wx.setStorageSync('phone', data2.data.phoneNumber); if (self.data.userInfo != '') { wx.request({ url: 'xxxx/index/author/regist', data: { username: self.data.userInfo.nickName, sex: self.data.userInfo.gender, phone: self.data.phone, pwd: 123456, avatarimg: self.data.userInfo.avatarUrl }, success: function(data) { console.log(data.data,56565) if (data.data != null) { wx.showToast({ title: '登录中...', icon: 'loading', duration: 2000 }) wx.navigateTo({ url: '../managementList/managementList'//管理页面 }) } } }); } console.log(self.data, 526336) } }, fail: function(err) { console.log(err); } }) } }, fail: function(err) { console.log(err); } }) } } }) }, getUserInfo: function(e) { var that = this; console.log(e.detail.userInfo, "getuserinfo") if (e.detail.userInfo) { that.setData({ userInfo: e.detail.userInfo, config: { tipsshow1: false, tipsshow2: true, }, }) console.log(that.data.userInfo); } else { console.log("获取信息失败") } },
PHP后端
<?php namespace app\index\controller; use think\Controller; use app\admin\model\UserRecharge; use think\Db; class Author extends Controller { /** * 发送HTTP请求方法 * @param string $url 请求URL * @param array $params 请求参数 * @param string $method 请求方法GET/POST * @return array $data 响应数据 */ function httpCurl($url, $params, $method = 'POST', $header = array(), $multi = false){ date_default_timezone_set('PRC'); $opts = array( CURLOPT_TIMEOUT => 30, CURLOPT_RETURNTRANSFER => 1, CURLOPT_SSL_VERIFYPEER => false, CURLOPT_SSL_VERIFYHOST => false, CURLOPT_HTTPHEADER => $header, CURLOPT_COOKIESESSION => true, CURLOPT_FOLLOWLOCATION => 1, CURLOPT_COOKIE =>session_name().'='.session_id(), ); /* 根据请求类型设置特定参数 */ switch(strtoupper($method)){ case 'GET': // $opts[CURLOPT_URL] = $url . '?' . http_build_query($params); // 链接后拼接参数 & 非? $opts[CURLOPT_URL] = $url . '?' . http_build_query($params); break; case 'POST': //判断是否传输文件 $params = $multi ? $params : http_build_query($params); $opts[CURLOPT_URL] = $url; $opts[CURLOPT_POST] = 1; $opts[CURLOPT_POSTFIELDS] = $params; break; default: throw new Exception('不支持的请求方式!'); } /* 初始化并执行curl请求 */ $ch = curl_init(); curl_setopt_array($ch, $opts); $data = curl_exec($ch); $error = curl_error($ch); curl_close($ch); if($error) throw new Exception('请求发生错误:' . $error); return $data; } /** * 微信信息解密 * @param string $appid 小程序id * @param string $sessionKey 小程序密钥 * @param string $encryptedData 在小程序中获取的encryptedData * @param string $iv 在小程序中获取的iv * @return array 解密后的数组 */ function decryptData( $appid , $sessionKey, $encryptedData, $iv ){ $OK = 0; $IllegalAesKey = -41001; $IllegalIv = -41002; $IllegalBuffer = -41003; $DecodeBase64Error = -41004; if (strlen($sessionKey) != 24) { return $IllegalAesKey; } $aesKey=base64_decode($sessionKey); if (strlen($iv) != 24) { return $IllegalIv; } $aesIV=base64_decode($iv); $aesCipher=base64_decode($encryptedData); $result=openssl_decrypt( $aesCipher, "AES-128-CBC", $aesKey, 1, $aesIV); $dataObj=json_decode( $result ); if( $dataObj == NULL ) { return $IllegalBuffer; } if( $dataObj->watermark->appid != $appid ) { return $DecodeBase64Error; } $data = json_decode($result,true); return $result; } /** * 请求过程中因为编码原因+号变成了空格 * 需要用下面的方法转换回来 */ function define_str_replace($data) { return str_replace(' ','+',$data); } //获取手机号 public function number($appid , $sessionKey, $encryptedData, $iv) { include_once (ROOT_PATH."./public/author/wxBizDataCrypt.php"); //引入 wxBizDataCrypt.php 文件 $appid = $appid; $sessionKey = $sessionKey; $encryptedData= $encryptedData; $iv = $iv; $data = ''; $pc = new \WXBizDataCrypt($appid, $sessionKey); //注意使用\进行转义 $errCode = $pc->decryptData($encryptedData, $iv, $data ); if ($errCode == 0) { print($data . "\n"); } else { print($errCode . "\n"); } } //微信登录 public function login(){ $get = input('get.'); $param['appid'] = 'xxxxxxxxxx'; //小程序id $param['secret'] = 'xxxxxxxxxx'; //小程序密钥 $param['js_code'] = $this->define_str_replace($get['js_code']); $param['grant_type'] = 'authorization_code'; $http_key = $this->httpCurl('https://api.weixin.qq.com/sns/jscode2session', $param, 'GET'); $session_key = json_decode($http_key,true);//获取openid和session_key //print_r(http_build_query($param)); if (!empty($session_key['session_key'])) { $data['appid'] = $param['appid']; $data['session_key'] = $session_key['session_key']; return json($data); }else{ echo '获取session_key失败!'; } } //用户注册 public function regist($username = "",$sex = "", $phone = "",$password = "",$avatarimg = "") { if ($phone){ //判断该用户是否已经注册 $userdata = Db::name('user')->where('phone',$phone)->find(); if ($userdata){ return json_encode(2); } //整合数组 $salt = '1122'; $password = Md5(Md5($password) . $salt); $data = [ 'name' => $username, 'sex' => $sex, 'phone' => $phone, 'password' => $password, 'avatarimg' => $avatarimg, 'logtime' => date("Y-m-d H:i:s"), 'addTime' => date("Y-m-d H:i:s") ]; //注册新用户 $userid = db('user')->insertGetId($data); if ($userid){ return json_decode(1); }else{ return json_encode(0); } } } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。
微信小程序获取用户信息及手机号(后端TP5.0)
- Author -
Emma''''''''声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@