微信登入及获取微信手机号是一种常见的第三方登入方式。在此，我将详细描述如何实现微信登入和获取微信手机号。
第一步：准备工作
在开始之前，需要准备以下几件事情：
1. 微信公众平台账号:首先，你需要在微信公众平台上创建一个账号。这个账号用于接收微信的回调信息。
2. 开发者服务器:你需要有一个自己的开发者服务器来处理微信的请求和回复。
3. 微信开放平台:你需要在微信开放平台上注册你的应用，并获取相应的AppID和AppSecret。
第二步：调用wx.login()
当用户点击微信登入按钮时，会触发一个事件，调用`wx.login()`函数。这个函数会返回一个临时登录凭证`code`。
```javascriptwx.login({
success: function (res) {
console.log(res.code);
},
fail: function (err) {
console.error(err);
}
});
```
第三步：回传code到开发者服务器
当用户同意授权时，微信会将`code`回传给你的开发者服务器。这个`code`是临时的，并且需要在一定时间内使用。
```javascript// 回传code到开发者服务器wx.request({
url: ' method: 'POST',
data: {
code: res.code,
appid: '你的AppID',
secret: '你的AppSecret'
},
success: function (res) {
console.log(res);
},
fail: function (err) {
console.error(err);
}
});
```
第四步：调用code2Session接口
在开发者服务器上，需要调用`code2Session`接口来换取用户唯一标识`OpenID`。
```javascript// 调用code2Session接口wx.request({
url: ' method: 'POST',
data: {
code: res.code,
appid: '你的AppID',
secret: '你的AppSecret'
},
success: function (res) {
console.log(res);
},
fail: function (err) {
console.error(err);
}
});
```
第五步：获取用户信息
当`OpenID`换取成功后，可以通过微信开放平台的接口来获取用户的基本信息。
```javascript// 获取用户信息wx.request({
url: ' method: 'POST',
data: {
openid: res.openid,
appid: '你的AppID'
},
success: function (res) {
console.log(res);
},
fail: function (err) {
console.error(err);
}
});
```
第六步：获取微信手机号
最后，可以通过微信开放平台的接口来获取用户的手机号。
```javascript// 获取微信手机号wx.request({
url: ' method: 'POST',
data: {
openid: res.openid,
appid: '你的AppID'
},
success: function (res) {
console.log(res);
},
fail: function (err) {
console.error(err);
}
});
```
以上就是微信登入及获取微信手机号的详细步骤。需要注意的是，每一步骤都需要在开发者服务器上进行相应的处理和回复。
