哈尔滨哪里做网站好,微信里的小程序在哪,网站建设 淘宝运营,7154电商平台官网小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识#xff0c;快速建立小程序内的用户体系然而因为小程序中的openid不可以直接使用需要用code#xff08;登录凭证#xff09;去换取openid
获取openid的思路
获取openid首先需要调用小程序的login方法…
小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识快速建立小程序内的用户体系然而因为小程序中的openid不可以直接使用需要用code登录凭证去换取openid
获取openid的思路
获取openid首先需要调用小程序的login方法获取小程序的登录凭证code,然后使用code向微信换取登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key) 我这里是用一个点击事件来触发一个函数 wx.getUserProfile 会获取到你的一些信息 比如昵称头像性别 info(){// 推荐使用wx.getUserProfile获取用户信息开发者每次通过该接口获取用户个人信息均需用户确认开发者妥善保管用户快速填写的头像昵称避免重复弹窗wx.getUserProfile({desc: 获取用户的信息,//获取用户的信息success:(res) {//用户成功授权console.log(成功,res)this.setData({userInfo: res.userInfo,hasUserInfo: true,nickName:res.userInfo.nickName, //获取昵称touxian:res.userInfo.avatarUrl, 获取头像urlsex:res.userInfo.gender //获取性别})},fail:res{console.log(失败,res)}})},
下图看打印 wx.login 可以获取到你的code值 wx.login({//成功放回success:(res){console.log(res);let coderes.code}})下图看打印 通过wx.request 来让code换取openid 这里面需要一段很长的url地址 https://api.weixin.qq.com/sns/jscode2session?appidAPPIDsecretSECRETjs_codeJSCODEgrant_typeauthorization_code这个地址可以在开发文档服务器登录中 找到 不要以为你把这个路径cv上就好了 这段连接中有三处地方需要改动 每个人的id都不一样所以你要自己去作修改 下面有修改处的位置 wx.request({/*url: https://api.weixin.qq.com/sns/jscode2session?appid APPID secret SECRET js_code res.code grant_typeauthorization_code,
*/url: https://api.weixin.qq.com/sns/jscode2session?appidwx8099f643beb716ffsecret4e6df35403708737c78ef7cffd525c2ejs_code res.code grant_typeauthorization_code,success:(res){console.log(res);var obj {};obj.openid res.data.openid;obj.expires_in Date.now() res.data.expires_in;//存储openidwx.setStorageSync(user, obj);//获取到你的openidconsole.log(obj.openid);}})
需要修改的地方 注意是没处地方都是等号之后符号之前的 这里一定不能出错 打印你就会看到你的openid的值 如下 info(){wx.getUserInfo({//成功后会返回success:(res){console.log(res);// 把你的用户信息存到一个变量中方便下面使用let userInfo res.userInfo//获取openId需要code来换取这是用户的唯一标识符// 获取code值wx.login({//成功放回success:(res){console.log(res);let coderes.code// 通过code换取openIdwx.request({url: https://api.weixin.qq.com/sns/jscode2session?appidwx16ccbe7d04209a11secret1f9465bdebe244b5ad15635e8a655832js_code${code}grant_typeauthorization_code,success:(res){console.log(res);userInfo.openidres.data.openidconsole.log(userInfo.openid);}})}})}})},总结
openid是用户的唯一标识它可以快速的建立小程序内的用户体系因为openid是一个敏感信息所有他不会直接给你需要你用登录凭证code去换取openid // 登录wx.login({success: function (r) {var code r.code;//登录凭证if (code) {//2、调用获取用户信息接口wx.getUserInfo({success: function (res) {console.log({ encryptedData: res.encryptedData, iv: res.iv, code: code })//3.解密用户信息 获取unionId//...//3.请求自己的服务器解密用户信息 获取unionId等加密信息wx.request({url: ,//自己的服务接口地址method: post,header: {content-type: application/x-www-form-urlencoded},data: { encryptedData: res.encryptedData, iv: res.iv, code: code },success: function (data) {//4.解密成功后 获取自己服务器返回的结果if (data.data.status 1) {var userInfo_ data.data.userInfo;console.log(userInfo_)} else {console.log(解密失败)}},fail: function () {console.log(系统错误)}})},fail: function () {console.log(获取用户信息失败)}})} else {console.log(获取用户登录态失败 r.errMsg)}},fail: function () {callback(false)}})PHP实现微信小程序授权登录示例 public function login(){//接收参数$code input(code); //code码$nickName input(nickname); //微信昵称$avatarUrl input(avatar); //微信头像//验证参数if (empty($code) || empty($nickName) || empty($avatarUrl)){return json([status500,msg参数不能为空]);}//自己到微信公众平台获取$appid ;$secret ;//获取openid$url https://api.weixin.qq.com/sns/jscode2session?appid{$appid}secret{$secret}js_code{$code}grant_typeauthorization_code;$userInfo json_decode(file_get_contents($url),true);if (empty($userInfo[openid])) $this-error(登陆失败,.$userInfo[errmsg],,$userInfo[errcode]); //存储数据$userInfo[nickname] $nickName;$userInfo[avatar] $avatarUrl;$userInfo[createtime] time();$userInfo[updatetime] time();//根据获取的openid 来查看数据库 有的话更新 session_key 没有的话添加$model new Member();$data $model-where(openid,$userInfo[openid])-find();if ($data){//存在数据 更新$model-where(openid,$userInfo[openid])-update([session_key$userInfo[session_key]]);//获取用户id$userInfo[user_id] $data[id];$token signToken($userInfo[user_id]);}else{//不存在将用户信息添加入库 获取自增的id$token signToken($userInfo[user_id]);$userInfo[user_id] $model-insertGetId($userInfo);}$this-success(登陆成功,[token$token],200);}关于小程序中如何获取openid_小程序 本地开发获取openid 10007_Bruk.Liu的博客-CSDN博客
globalData:{appid:wxa1111111111111,secret:3acbe5r8s4s5d7s895}, login(){var that this;wx.login({success: function (res) {if (res.code) {wx.getUserInfo({success: function (res) {var objz {};objz.avatarUrl res.userInfo.avatarUrl;objz.nickName res.userInfo.nickName;//console.log(objz);wx.setStorageSync(userInfo, objz);//存储userInfo}});var d that.globalData;//这里存储了appid、secret、token串 var l https://api.weixin.qq.com/sns/jscode2session?appid d.appid secret d.secret js_code res.code grant_typeauthorization_code;wx.request({url: l,data: {},method: GET, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT // header: {}, // 设置请求的 header success: function (res) {console.log(res)var obj {};obj.openid res.data.openid;obj.expires_in Date.now() res.data.expires_in;//存储openidwx.setStorageSync(user, obj); }});} else {console.log(获取用户登录态失败 res.errMsg)}}});}, 【精选】获取微信小程序授权信息并保存到数据库中包含openId和session_keyjava后台_微信小程序 sesison_key 如何存储-CSDN博客 wx.login({success: function(res) {if (res.code) { //wx.login获取code。console.log(res.code);//发起网络请求wx.getUserInfo({success:function(res_user){console.log(res_user.userInfo)wx.request({url: http://xxx.xxx.xxx.xxx:服务器端口/自定义名字,//填写自己的urlmethod:POST,//向后端发送的数据data: {code: res.code , //将code发送到后台服务器。imgurl: res_user.userInfo.avatarUrl,//获取头像urlnickname:res_user.userInfo.nickName,//获取昵称sex:res_user.userInfo.gender,//获取性别},header: { Content-Type: application/x-www-form-urlencoded //POST方式是这个},})}})} else {console.log(获取用户登录态失败 res.errMsg)}}});
