uniapp 小程序获取手机号码 前端+php后台

前端

<template>
	<view>
		<view class="flex justify-center align-center margin-logo-login"><image class="logo-size-au" src="../../static/logo.jpeg"></image></view>
		
		<button class="dlbutton" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"><text>手机号一键登录</text></button>
		
		<!-- <view class="padding-others-login flex justify-center align-center"><view>其他手机号登陆</view></view> -->
	</view>
</template>

<script>
let that;
export default {
	data() {
		return {
			code: ''
		};
	},
	onLoad() {
		that = this;
		uni.login({
			success: function(res) {
				that.code = res.code;
			}
		});
	},
	methods: {
		getPhoneNumber: function(e) {
			if (e.detail.errMsg == 'getPhoneNumber:fail user deny') {
				uni.navigateTo({
					url: '../tabbar/index/index'
				});
			} else {
				that.miniRegisterOrLogin(e.detail.encryptedData,e.detail.iv);
			}
		},
		async miniRegisterOrLogin(encryptedData,iv) {
			this.loading = true;
			let res = await this.$api.miniRegisterOrLogin({ code: that.code,encryptedData:encryptedData,iv:iv });
			this.loading = false;
			uni.setSt