微信小程序：授权登录获取手机号及获取基本信息等

1、授权获取code，换取open_id

wx.login({
	success(res) {
		console.log(res.code)
		if (res.code) {
		//调自己后台接口换取open_id
		}
	}
})

微信文档

2、获取手机号

1）需要将 button 组件 open-type 的值设置为 getPhoneNumber，当用户点击并同意之后，通过 getphonenumber 事件获取回调信息；
2）将 getphonenumber 事件回调中的动态令牌code传到开发者后台，并在开发者后台调用微信后台提供的 phonenumber.getPhoneNumber 接口，消费code来换取用户手机号。每个code有效期为5分钟，且只能消费一次。

<button class="add" open-type="getPhoneNumber" @getphonenumber="getphonenumber">微信用户一键登录</button>

getphonenumber(e) {
	console.log(e.detail.code)
	console.log(e)
	//调用自己后台接口获取手机号
}

微信文档

3、用户头像

需要将 button 组件 open-type 的值设置为 chooseAvatar，当用户选择需要使用的头像之后，可以通过 chooseavatar 事件回调获取到头像信息的临时路径。

<button plain="true" class="button" open-type="chooseAvatar" @chooseavatar="chooseAvatar">
	<image :src="userInfo.accountImg"></image>
</button>

chooseAvatar(e) {
	console.log(e.detail.avatarUrl)
	this.userInfo.accountImg = e.detail.avatarUrl
},

4、用户昵称

需要将 input 组件 type 的值设置为 nickname，当用户在此input进行输入时，键盘上方会展示微信昵称。

<input v-model="userInfo.name" type="nickname"  placeholder="请填写昵称" />

微信文档