微信小程序前台的用户数据入库(后台Laravel)

首先 我们可以看到微信小程序官方 文档 wx.login

 
技术图片

api-login.jpg

通过此图 我们知道 前台要传 一个 code给后台,后台拿到code 并结合appid和appsecret请求微信接口服务,拿到openid和session_key

查阅文档 我们可以清楚知道

后台要获得用户数据 就需要前台除了传code 还需要传 ivencryptedData

 
技术图片

iv和encryptedData

后台拿到这两个 并结合拿code去请求得到的session_key便可以解密获得用户数据 包括头像 昵称 城市 等

那么这个iv和encryptedData前台怎么获得呢

很简单 通过wx.getUserInfo

wx.getUserInfo({ success: function(res) { var iv= res.iv var .encryptedData=res.encryptedData } }) 

然后通过request 将code iv 和encryptedData 给post后台过去

wx.login({ success: function (res) { console.log(res.code) if (res.code) { wx.getUserInfo({ withCredentials: true, success: function (res_user) { wx.request({ //后台接口地址 url: ‘你后台的接口的地址‘, data: { code: res.code, // code 必须给 encryptedData: res_user.encryptedData, //密文串 必须给 iv: res_user.iv //加密初始量 必给 }, method: ‘GET‘, header: { ‘content-type‘: ‘application/json‘ }, success: function (res) { wx.setStorageSync(‘openId‘, res.data.openId); //拿到openid 存入session } }) } 

于是来到后台Laravel 5.4部分

首先我们定义接口 (我第一次是再web.php定义路由 会受到要求post传token的限制,于是可以考虑写在api.php里面)

之后转到控制器
这之前先安装 guzzlehttp/guzzle 包用于向微信接口服务发送请求
安装方式直接 composer require guzzlehttp/guzzle

如何使用也很简单 不需要设置什么 直接再控制器 use GuzzleHttp\Client;

之后建立 一个allusers表 放用户 openid nickName 等

然后通过 php artisan make:model Allusers 建立一个Eloquent ORM模型

并在模型中定义表名和主键

 class Alluser extends Model { protected $table = ‘allusers‘; //public $timestamps = false; //这个是看你是否要向表中传建立时间和更新数据时间 protected $primaryKey=‘openid‘; } 

然后
我们下载微信官方的PHP版解密文档 ,并将其引入可再控制器使用

解压拿到一个PHP文件 在app下建立Common放入PHP文件

 
技术图片

Common结构

然后来到composer.json下 的 "autoload" 的"classmap": 里面加入 "app/Common/PHP/"

如下

"autoload": { "classmap": [ "database", "app/Common/PHP/" ], 

然后在目录下执行 composer dumpautoload 便可以

最后我们便可以在我们的控制器下书写拿到openid和session_key的代码和加解密以及数据入库

<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Http\Controllers\Controller; use Illuminate\Support\Facades\Input; use GuzzleHttp\Client; use App\Model\Alluser; class apiController extends Controller { // 获取微信用户信息 public function getcode(Request $request) { $code = $request->get(‘code‘); $encryptedData = $request->get(‘encryptedData‘); $iv = $request->get(‘iv‘); $appid = "你的appid"; $secret = "你的secret"; $client = new \GuzzleHttp\Client(); $res = $client->request(‘GET‘, ‘https://api.weixin.qq.com/sns/jscode2session‘, [ ‘query‘ => [‘appid‘ =>$appid, ‘secret‘ => $secret, ‘js_code‘ => $code, ‘grant_type‘ => ‘authorization_code‘] ]); $body = json_decode($res->getBody()); $openid = $body->openid; $session_key = $body->session_key; $userifo = new \WXBizDataCrypt($appid, $session_key); $errCode = $userifo->decryptData($encryptedData, $iv, $data); $info = json_decode($data); $nickName = $info->nickName; $avatarUrl = $info->avatarUrl; $province = $info->province; $city = $info->city; $alluser = new Alluser(); if (!$alluser->find($openid)) { $alluser->openid = $openid; $alluser->session_key = $session_key; $alluser->nickName = $nickName; $alluser->avatarUrl = $avatarUrl; $alluser->province = $province; $alluser->city = $city; $alluser->save(); } if ($errCode == 0) { return ($data); } else { return ($errCode); } } } 

最后 微信小程序编译 请求200 数据便可以正常入库!!

 
技术图片

入库.png

相关文章