欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

[小程序]微信小程序登陆并获取用户信息

程序员文章站 2022-06-30 08:45:45
1.小程序js端调用框架登陆API,获取到一个临时code,拿着这个code去调用自己的服务端接口 2.在自己的服务器端,使用app_id app_secrect code可以获取到用户的openid,这个id是用户唯一的id并且不会改变,可以把这个id返回给小程序端小程序端本地保存openid 3 ......

1.小程序js端调用框架登陆api,获取到一个临时code,拿着这个code去调用自己的服务端接口

2.在自己的服务器端,使用app_id app_secrect code可以获取到用户的openid,这个id是用户唯一的id并且不会改变,可以把这个id返回给小程序端
小程序端本地保存openid

3.获取用户信息很简单,并且不需要自己的服务器处理,只需要小程序端提供的api。
前端页面wxml使用一个按钮,按钮里增加几个属性,就可以回调到小程序js部分的方法上,并且带着用户的个人信息,如昵称 头像等

4.这个时候就可以把该用户的openid 和 昵称,头像,一块调用自己服务端接口,保存到数据库中

index.js

const app = getapp()

page({
  data: {
    openid:""
  },
  //按钮回调的方法
  getperson:function(e){
    console.log(this.data.openid);
    console.log(e);
  },
  onload: function () {
    var self=this;
    wx.login({
      success(res) {
        //js调用登陆命令获取到code
        if (res.code) {
          //通过code调用自己服务接口获取到openid
          wx.request({
            url: 'https://api.sopans.com/third/wxopenid.php',
            data: {
              code: res.code
            },
            success:function(wxinfo){
              console.log(wxinfo);
              self.data.openid = wxinfo.data.openid
            }
          })
        } else {
          console.log('登录失败!' + res.errmsg)
        }
      }
    })
  },
})

index.wxml

<button open-type="getuserinfo" bindgetuserinfo="getperson">获取用户信息</button>
        $appid = ''; // 小程序appid
        $secret = ''; // 小程序secret
        $code=$_get['code'];
        $url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' . $appid . '&secret='.$secret.'&js_code='.$code.'&grant_type=authorization_code';    
            
        $curl = curl_init();
        curl_setopt($curl, curlopt_returntransfer, true);
        curl_setopt($curl, curlopt_timeout, 500);
        curl_setopt($curl, curlopt_ssl_verifypeer, false);
        curl_setopt($curl, curlopt_ssl_verifyhost, false);
        curl_setopt($curl, curlopt_url, $url);
        $res = curl_exec($curl);
        curl_close($curl);
        
        echo $res; // 这里是获取到的信息

[小程序]微信小程序登陆并获取用户信息

[小程序]微信小程序登陆并获取用户信息