uniapp+Golang实现微信小程序手机号一键登录全流程（附前后端代码及详细解释）

实现微信小程序手机号一键登录的流程涉及到微信小程序端、后端服务器（这里使用Golang）以及微信服务器的交互。这个功能主要依赖于微信提供的“微信登录”和“手机号快速填写”两个接口。下面我将分步骤详细介绍如何实现这一功能，包括必要的前后端代码示例。

1. 准备工作

• 微信小程序开发环境：确保你已经安装了HBuilderX并创建了一个UniApp项目。
• 微信开放平台账号：在微信开放平台注册并创建小程序，获取AppID和AppSecret。
• 后端服务器：准备一个可以部署Golang应用的服务器环境。

2. 微信小程序端实现

步骤1：引入微信SDK

在main.js或需要使用登录功能的页面引入微信SDK。

// main.js 或 页面.js
import wxlogin from '@/common/wxlogin.js';

步骤2：请求微信登录凭证code

调用微信的wx.login()方法获取到一个临时登录凭证code。

wx.login({
    success: (res) => {
        if (res.code) {
            // 发送code到后端换取openid等信息
            wxlogin.getOpenIdFromCode(res.code).then(openid => {
                // 使用openid请求手机号授权
                wxlogin.requestPhoneAuth(openid);
            });
        } else {
            console.log('登录失败！' + res.errMsg);
        }
    }
});

步骤3：请求用户手机号授权

在用户点击一键登录按钮时，调用wx.requestPhone()获取用户授权。

wx.requestPhone({
    success: (res) => {
        const encryptedData = res.encryptedData;
        const iv = res.iv;
        // 发送encryptedData和iv到后端解密手机号
        wxlogin.decryptPhoneNumber(encryptedData, iv).then(phoneNumber => {
            console.log('解密后的手机号:', phoneNumber);
            // 这里可以进行登录逻辑处理
        });
    }
});

3. 后端Golang实现

步骤1：安装微信SDK for Golang

首先，你需要安装一个Golang的微信SDK，如github.com/chanxuehong/wechat.v2。使用go get命令安装：

go get -u github.com/chanxuehong/wechat.v2

步骤2：使用code换取openid

在你的Golang服务中，编写函数处理前端传来的code，换取openid。

package main

import (
	"github.com/chanxuehong/wechat.v2/mp"
	"github.com/chanxuehong/wechat.v2/mp/oauth2"
)

func GetOpenIdFromCode(code string) (string, error) {
	config := &oauth2.Config{
		AppID:     "your_app_id",  // 替换为你的AppID
		AppSecret: "your_app_secret", // 替换为你的AppSecret
	}
	client := config.Client(oauth2.WithCode(code))
	token, err := client.GetAccessToken()
	if err != nil {
		return "", err
	}
	return token.OpenID, nil
}

步骤3：解密手机号

编写函数接收encryptedData和iv，使用微信提供的解密工具解密手机号。

package main

import (
	"github.com/chanxuehong/wechat.v2/miniprogram"
)

func DecryptPhoneNumber(encryptedData, iv, sessionKey string) (string, error) {
	phoneNumber, err := miniprogram.DecryptPhoneNumber(encryptedData, iv, sessionKey)
	if err != nil {
		return "", err
	}
	return phoneNumber, nil
}

4. 完整流程总结

1. 小程序端通过wx.login()获取code，发送到后端。
2. 后端使用code通过微信接口换取openid。
3. 后端将openid返回给小程序端，小程序端使用wx.requestPhone()请求用户授权手机号。
4. 小程序端获取到加密的encryptedData和iv，连同openid一起发送到后端。
5. 后端利用session_key(通常在用户首次登录时获取并存储)解密encryptedData得到手机号。
6. 后端完成手机号与用户账户的绑定或登录验证，并返回相应的结果给小程序端。

注意：实际操作中，确保遵循微信的隐私政策和用户协议，合法合规地处理用户数据。此外，上述代码仅为示例，具体实现时还需根据实际需求调整和完善。