微信小程序> 微信小程序登陆及授权

微信小程序登陆及授权

浏览量:5172 时间: 来源:servicesYY

1,微信小程序开发中,首先会进行授权以及登陆,由于小程序的调整,现在在小程序里调用scope 为 "scope.userInfo" 时,无法弹出授权窗口,所以需要自己写授权。

2,授权,小程序授权方式改变后可以通过button按钮来进行点击授权,类型为getUserInfo,下面是授权页面代码。

button class="but" open-type="getUserInfo" hidden="{{flag}}" bindgetuserinfo="bindGetUserInfo" hover-class=''授权登录/button

样式可以自己定义,页面也可以做个美化

下面为js代码

首先进入先判断是否授权过,如果授权过,那么进行获取用户信息操作,下面为代码

wx.getSetting({

  success(res) {

  that.login_at();

  return;

  }else{

  console.log('未授权')

  }

}

如果判断没有授权,则用户进行点击授权

bindGetUserInfo:function(e){

var that = this;

console.log('授权按钮',e)

// console.log(e.detail.errMsg)

if (e.detail.errMsg == 'getUserInfo:ok'){

console.log('点击了确定授权')

wx.reLaunch({

url: '../index/index'

})

}

},

接下来就可以获取用户的信息了,通过调用getUserInfo这个方法来进行获取。

wx.getUserInfo({

success: function(res) {

console.log('用户基本信息',res)

})

}

 })

也可以进行静默获取,直接调用wx.login这个方法,获取code,把code传给后台,后台通过code和微信服务器来获取数据,然后把获取到的信息传给前台,或者保存到数据库。

接口地址为:

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎