对比不同方式获取用户信息的应用场景

1、只想在当前页面显示用户暱称和头像(且无需授权)

小程序自带的组件化能力<open-data></open-data>

使用“type”属性来获取不同的用户信息

  1. userAvatarUrl 用户头像
  2. userNickName 用户暱称
  3. userCountry 用户国家
  4. userCity 用户城市

2、在JS中获取信息,并且进行DB存储

小程序接口实现该功能wx.getUserInfo({})(必须已授权才可以使用)

wx.getUserInfo({
	success:(res)=>{
		console.log(res)
	}
})

3、授权获取用户信息,由用户判断时候进行授权

需要使用到了button组件

<button open-type="getUserInfo" 
	 bindgetuserinfo="onGetUserInfo">获取用户信息</button>

在我们的 后台再点击时会触发点击事件。

onGetUserInfo(event){
	console.log(event);
}

4、获取用户的openid

普通小程序开发模式下:

用户端小程序

  • 通过wx.login向微信服务器获取code
  • 调用wx.request将code的数据传递给后端用户

后端服务器

  • 调用微信服务器接口,换取到对应的openid和sessio_key
  • 将用户标识发送给小程序本地存储

云开发小程序模式下:

用户

  • 点击获取用户信息

小程序

  • 向云函数发送获取用户信息
  • 将用户信息直接存储到云数据库

云函数

  • 返回小程序用户信息
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章