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

摘要:
1.小程序js端调用框架登陆API,获取到一个临时code,拿着这个code去调用自己的服务端接口2.在自己的服务器端,使用app_idapp_secrectcode可以获取到用户的openid,这个id是用户唯一的id并且不会改变,可以把这个id返回给小程序端小程序端本地保存openid3.获取用户信息很简单,并且不需要自己的服务器处理,只需要小程序端提供的API。前端页面wxml使用一个按钮,

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; //这里是获取到的信息

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

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

免责声明:文章转载自《[小程序]微信小程序登陆并获取用户信息》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇php Make编译PEAR package PHP_Archive not installed: generated phar will require PHP's phar extension be enabled.好消息,又有400多个组件支持鸿蒙了!下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue和微信小程序区别

一、生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。 onLoad: 页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow: 页...

微信小程序自定义tabbar

这个自定义组件需要用到 Vant Weapp 组件库 详情看 https://youzan.github.io/vant-weapp/#/intro 组件 tabbar.json页面 tabbar.wxml页面(这个页面不懂的可以看vant组件库的文档) tabbar.js页面 tabbar.wxss页面 .picker{ display:fle...

第一个微信小程序——实现获取用户信息替换用户名和头像到首页

一、创建小程序 略 二、形成空白文件 点击打开目录 删除除了project.config.json(项目配置文件)以外所有文件。 新建“app.json” 接下来我们在app.json中写入配置 {} 保存,我们可以看到编译器报错,因为目前文件为空 三、小程序页面路径配置 首先在app.json中写入 { "pages": [ "pag...

微信小程序支付源码,后台服务端代码

作者:尹华南,来自原文地址 微信小程序支付绕坑指南 步骤 A:小程序向服务端发送商品详情、金额、openid B:服务端向微信统一下单 C:服务器收到返回信息二次签名发回给小程序 D:小程序发起支付 E:服务端收到回调 首先准备以一下信息 小程序发送小程序向服务端发送商品详情、金额、openid 服务端接收小程序发来的信息...

微信小程序wx.switchTab跳转到tab页面后onLoad里面的方法不执行

相信大家在做小程序的时候启动页跳转到tab首页会用到switchTab 但是在跳转后发现页面模块不全,后面console.log()后发现是onLoad里面的方法不执行 解决这种问题的方法页有很多中,最简单的就是在启动页添加跳转成功的方法 wx.switchTab({ url: '/pages/index/index', succe...

关于微信小程序map地图的使用

结构部分:  <map bindregionchange='bindregionchange' show-location longitude='{{longitude}}' latitude='{{latitude}}' markers='{{markers}}' scale='18' > <cover-image bindtap='...