uniapp在小程序登录，获取用户信息，获取手机号等流程

UniApp 是一个使用 Vue.js 开发所有前端应用的框架，包括 iOS、Android、Web 以及各种小程序等。对于小程序的登录、获取用户信息和获取手机号等流程，可以通过 UniApp 提供的 API 来实现。下面是一个简单的示例代码，展示如何使用 UniApp 来实现这些功能。

1. 小程序登录

首先，你需要使用 uni.login API 来获取登录凭证（code）。这个 code 可以用于后续的服务端操作，比如获取 session_key 和 openid。

export default {  
  methods: {  
    async login() {  
      try {  
        const { code } = await uni.login({  
          provider: 'weixin' // 指定微信登录  
        });  
        console.log('登录凭证:', code);  
        // TODO: 将 code 发送到你的服务端，进行后续操作  
      } catch (error) {  
        console.error('登录失败:', error);  
      }  
    }  
  }  
}

2. 获取用户信息

登录成功后，你可以使用 uni.getUserInfo API 来获取用户的基本信息。这个 API 需要用户的授权，所以需要先调用 uni.authorize API 请求用户的授权。

export default {  
  methods: {  
    async getUserInfo() {  
      try {  
        await uni.authorize({  
          scope: 'scope.userInfo', // 请求用户信息授权  
          success() {  
            uni.getUserInfo({  
              success: (res) => {  
                console.log('用户信息:', res.userInfo);  
                // TODO: 处理用户信息，或者发送到你的服务端保存  
              },  
              fail: (error) => {  
                console.error('获取用户信息失败:', error);  
              }  
            });  
          },  
          fail(error) {  
            console.error('授权失败:', error);  
          }  
        });  
      } catch (error) {  
        console.error('请求授权失败:', error);  
      }  
    }  
  }  
}

3. 获取手机号

为了获取用户的手机号，你需要使用 uni.getPhoneNumber API。这个 API 也需要用户的授权，所以同样需要先调用 uni.authorize API 请求用户的授权。注意，获取手机号的功能在微信小程序中需要企业主体的小程序才能使用。

export default {  
  methods: {  
    async getPhoneNumber() {  
      try {  
        await uni.authorize({  
          scope: 'scope.phoneNumber', // 请求手机号授权  
          success() {  
            uni.getPhoneNumber({  
              success: (res) => {  
                console.log('手机号:', res.phoneNumber);  
                // TODO: 处理手机号，或者发送到你的服务端保存  
              },  
              fail: (error) => {  
                console.error('获取手机号失败:', error);  
              }  
            });  
          },  
          fail(error) {  
            console.error('授权失败:', error);  
          }  
        });  
      } catch (error) {  
        console.error('请求授权失败:', error);  
      }  
    }  
  }  
};