TechTang

在小程序开发时，经常遇到无法获取到用户敏感权限的问题，另一个问题是腾讯官方平台接口一直在更新，导致无法获取敏感信息。本次使用最新的微信小程序接口开发的登录模块，里面包含了登录和获取手机号的详细实现方式。支付后，需要把配置文件中的appid换成你自己的小程序的appid。 这个是纯前端代码，仅供大家阅览学习。

支付完成后，会自动下载完整的小程序代码到本地，请大家放心学习。

每个代码我都有详细的备注介绍，请大家不用担心。

 methods: {
    // 检查登录状态
    checkLoginStatus() {
      if (app.globalData.openid && app.globalData.access_token) {
        this.setData({
          hasUserInfo: true,
          phoneNumber: app.globalData.phoneNumber || '',
          hasPhoneNumber: !!app.globalData.phoneNumber
        })
      }
    },

    // 微信授权登录 - 弹窗流程
    handleLogin() {
      console.log('用户点击登录按钮')
      
      if (this.data.isLoggingIn) {
        console.log('正在登录中，忽略重复点击')
        return
      }
      
      this.setData({ isLoggingIn: true })
      console.log('开始登录流程')
      
      // 第一步：先进行微信登录获取code
      wx.login({
        success: (loginRes) => {
          console.log('微信登录成功，获取到code:', loginRes.code)

最终效果如下面视频。