小程序做注册登录功能

最新推荐文章于 2025-10-08 12:52:02 发布

原创最新推荐文章于 2025-10-08 12:52:02 发布 · 1.4k 阅读

6 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了小程序获取用户信息、登录时的Code获取、通过Code获取OpenId、授权获取手机号以及如何利用这些信息进行注册登录的步骤。在业务流程中，手机号注册并非必要，关键在于OpenId的获取和使用。

1 小程序获取用户信息

这里主要存一些姓名头像等相关：

通过 wx.getUserInfo 获取：

{"nickName":"XXX",
"gender":2,
"language":"zh_CN",
"city":"Guangzhou",
"province":"Guangdong",
"country":"China",
"avatarUrl":"https://XXX"}

2 小程序获取 Code

通过 wx.login 获取 code

wx.login({
		      success: function (res) {
		        if (res.code) {
					console.log('wx.login获取code：' + code);
		        } else {
		          console.log('wx.login获取code：' + res.errMsg);
		        }
		      },
			  fail:(err)=>{
				  console.log('wx.login---err')
				  console.log(err)
			  }
	});

3 通过 code 请求后端接口获得 openId （小程序获取openId）

4 获得唯一标识 openId 后，业务需求授权手机号（小程序获取手机号）

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">授权手机号</button>
...
getPhoneNumber (e) {
  var detail=e.detail; 
  // 获得  iv   encryptedData
}

然后通过授权得到的 iv encryptedData openId 请求后端获得用户手机号。