feat: 登录扫一扫

pages/login/login.vue

@@ -68,6 +68,7 @@
 	import { ref, onMounted } from 'vue';
 	import { authApi } from '@/api/index.js';
 	import { useUserStore } from '@/store/index.js';
+	import { APP_ID } from '@/utils/env.js';
 	import { initWxSdk } from '@/utils/wxsdk.js';
 
 	const userStore = useUserStore();
@@ -77,6 +78,7 @@
 		if (token) {
 			uni.reLaunch({ url: '/pages/index/index' });
 		}
+		handleWechatCallback();
 		getPathDeviceId();
 	});
 
@@ -86,6 +88,22 @@
 	const inputFocus = ref(false);
 	const showError = ref(false);
 
+	const getCode = () => {
+		const params = new URLSearchParams(window.location.search);
+		return params.get('code');
+	};
+
+	const clearCode = () => {
+		window.history.replaceState({}, '', window.location.pathname);
+	};
+
+	const redirectToWxAuth = (assetToken) => {
+		sessionStorage.setItem('assetToken', assetToken);
+		const redirectUri = encodeURIComponent(window.location.origin + window.location.pathname);
+		const url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${APP_ID}&redirect_uri=${redirectUri}&response_type=code&scope=snsapi_userinfo&state=wechat_auth#wechat_redirect`;
+		window.location.href = url;
+	};
+
 	const clearInput = () => {
 		identifier.value = '';
 		showError.value = false;
@@ -163,17 +181,44 @@
 			userStore.setAssetToken(verifyData.asset_token);
 			userStore.setIdentifier(identifier.value);
 
-			const loginData = await authApi.wechatLogin(verifyData.asset_token, 'mock_code');
+			redirectToWxAuth(verifyData.asset_token);
+		} catch (e) {
+			console.error('登录失败', e);
+			loading.value = false;
+		}
+	};
+
+	const handleWechatCallback = async () => {
+
+		const code = getCode();
+		const assetToken = sessionStorage.getItem('assetToken');
+
+		if (!code || !assetToken) return;
+
+		loading.value = true;
+		clearCode();
+
+		try {
+			const loginData = await authApi.wechatLogin(assetToken, code);
 			userStore.setToken(loginData.token);
 			uni.setStorageSync('identifier', userStore.state.identifier);
 
+			// #ifdef H5
+			if (loginData.user_info) {
+				userStore.setUserInfo({
+					avatar: loginData.user_info.avatar || '',
+					nickname: loginData.user_info.nickname || ''
+				});
+			}
+			// #endif
+
 			if (loginData.need_bind_phone) {
 				uni.redirectTo({ url: '/pages/bind/bind?fromLogin=true' });
 			} else {
 				uni.redirectTo({ url: '/pages/index/index' });
 			}
 		} catch (e) {
-			console.error('登录失败', e);
+			console.error('微信登录失败', e);
 			loading.value = false;
 		}
 	};

utils/env.js

@@ -2,4 +2,4 @@ export const BASE_URL = 'https://cmp-api.boss160.cn';
 
 export const APP_TYPE = 'official_account';
 
-export const APP_ID = 'wx404dc822ce15c5f0';
+export const APP_ID = 'wx404dc822ce15c5f0';