微信小程序登陆及授权

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

猜你喜欢

转载自blog.csdn.net/servicesYY/article/details/82150824