微信小程序端登录:如何获取用户的openid
问题描述:小程序开发过程,小程序端获取用户的授权登录是必不可少的一步。我的这次项目中,
微信小程序前端要向后端传输的主要数据是:openid
后端向前端传输的数据则是用户的:昵称,身高……
这里我主要想说一下前端获取用户的 openid 的简单方法。
openid
openid:对于一个微信用户来说,openid 和一个身份证号对于一个中国人的作用是一样的。这个openid 唯一不变。我们可以通过一定的步骤来获取微信用户的openid ,作为用户访问小程序的唯一标识。
但是微信官方文档真的有点看不懂。接下来上步骤,可以方便快速的获得用户的 openid 。
1.小程序默认demo
新建一个小程序时,默认的demo给我们就完成了微信申请授权的功能,将界面简单的加一些元素得到如下的界面
获取用户openid
这里我主要是在 “授权登录” 按钮实现微信用户的授权,添加用户的openid 的获取
//index.wxml代码:
……
<button
class="login_button"
wx:if="{
{!hasUserInfo && canIUse}}"
open-type="getUserInfo"
bindgetuserinfo="getUserInfo"
bindtap="myOpenid">
授权登录
</button>
……
下面是创建一个小程序项目时,会默认存留的用户授权方法【不重要,原本就有的代码,最后一个函数重要】:
// index.js代码
// 获取应用实例
const app = getApp()
Page({
data: {
motto: '',