fix: 扫一扫

pages/login/login.vue

@@ -69,17 +69,29 @@
 	import { authApi } from '@/api/index.js';
 	import { useUserStore } from '@/store/index.js';
 	import { APP_ID } from '@/utils/env.js';
-	import weChatScanService from '@/utils/wxsdk.js';
+	import { initWxConfig, wxScan, isInWechat } from '@/utils/wxsdk.js';
 
 	const userStore = useUserStore();
 
-	onMounted(() => {
+	onMounted(async () => {
 		const token = uni.getStorageSync('token');
 		if (token) {
 			uni.reLaunch({ url: '/pages/index/index' });
 		}
 		handleWechatCallback();
 		getPathDeviceId();
+
+		// 初始化微信 SDK (仅在微信浏览器内执行)
+		// #ifdef H5
+		if (isInWechat()) {
+			try {
+				await initWxConfig();
+				console.log('微信 SDK 初始化成功');
+			} catch (e) {
+				console.error('微信 SDK 初始化失败', e);
+			}
+		}
+		// #endif
 	});
 
 	const identifier = ref('');
@@ -128,26 +140,15 @@ const handleScanLogin = async () => {
 		// #ifdef H5
 		try {
 			// 检查是否在微信环境
-			if (!weChatScanService.isInWechat()) {
+			if (!isInWechat()) {
 				uni.showToast({ title: '请在微信中打开', icon: 'none' });
 				return;
 			}
 
-			// 初始化微信 SDK
-			const initResult = await weChatScanService.initWxSDK();
-			console.log('微信SDK初始化结果:', initResult);
-
-			if (!initResult.success) {
-				uni.showToast({ title: initResult.error || '扫一扫功能暂不可用', icon: 'none' });
-				return;
-			}
-
 			// 调用扫一扫
-			const scanResult = await weChatScanService.scanQRCode();
+			const resultStr = await wxScan();
-			console.log('扫码结果:', scanResult);
+			console.log('扫码结果:', resultStr);
 
-			if (scanResult.success) {
-				const resultStr = scanResult.result;
 			let value = '';
 
 			// 解析二维码内容
@@ -167,10 +168,9 @@ const handleScanLogin = async () => {
 			} else {
 				uni.showToast({ title: '无效的二维码', icon: 'none' });
 			}
-			}
 		} catch (err) {
 			console.error('扫码错误:', err);
-			uni.showToast({ title: err.message || '扫码失败', icon: 'none' });
+			uni.showToast({ title: '扫码取消或失败', icon: 'none' });
 		}
 		// #endif
 		// #ifndef H5

utils/wxsdk.js

@@ -1,108 +1,67 @@
-import * as wx from 'jweixin-module';
+// utils/wxsdk.js —— 封装微信扫一扫
-import { wechatApi } from '@/api/index.js';
+import jweixin from 'jweixin-module'
+import { wechatApi } from '@/api/index.js'
 
 /**
- * 微信 JS-SDK 初始化和扫码功能封装
- */
-class WeChatScanService {
-	constructor() {
-		this.isWxReady = false;
-		this.config = {
-			debug: true, // 开发环境设置为 true 便于调试
-			jsApiList: ['scanQRCode']
-		};
-	}
-
-	/**
  * 初始化微信 JS-SDK
  */
-	async initWxSDK() {
+export async function initWxConfig() {
+	// iOS 微信 SPA 需用首次进入的 URL 签名
+	const url = window.location.href.split('#')[0]
+
 	try {
-			console.log('[WxSDK] 开始初始化...');
-
-			// 获取当前页面 URL (去掉 hash 部分)
-			const currentUrl = window.location.href.split('#')[0];
-			console.log('[WxSDK] 当前URL:', currentUrl);
-
 		// 调用后端接口获取签名
-			const signatureData = await wechatApi.getJssdkConfig(currentUrl);
+		const data = await wechatApi.getJssdkConfig(url)
-			console.log('[WxSDK] 获取到签名配置:', signatureData);
+		const { app_id, timestamp, nonce_str, signature } = data
 
 		return new Promise((resolve, reject) => {
-				wx.config({
+			jweixin.config({
-					debug: this.config.debug,
+				debug: true,
-					appId: signatureData.app_id,
+				appId: app_id,
-					timestamp: signatureData.timestamp,
+				timestamp: timestamp,
-					nonceStr: signatureData.nonce_str,
+				nonceStr: nonce_str,
-					signature: signatureData.signature,
+				signature: signature,
-					jsApiList: this.config.jsApiList
+				jsApiList: ['scanQRCode']
-				});
+			})
-
+			jweixin.ready(() => {
-				wx.ready(() => {
+				console.log('微信 SDK 就绪')
-					console.log('[WxSDK] 初始化成功');
+				resolve()
-					this.isWxReady = true;
+			})
-					resolve({ success: true });
+			jweixin.error((err) => {
-				});
+				console.error('wx.config 失败', err)
-
+				reject(err)
-				wx.error((res) => {
+			})
-					console.error('[WxSDK] 初始化失败:', res);
+		})
-					this.isWxReady = false;
-					reject({ success: false, error: res.errMsg || '微信配置失败' });
-				});
-			});
 	} catch (e) {
-			console.error('[WxSDK] 初始化异常:', e);
+		console.error('获取微信签名失败', e)
-			return { success: false, error: e.message || '初始化失败' };
+		throw e
-		}
-	}
-
-	/**
-	 * 调用微信扫一扫功能
-	 */
-	async scanQRCode(options = {}) {
-		return new Promise((resolve, reject) => {
-			if (!this.isWxReady) {
-				reject({ success: false, error: '微信 JS-SDK 未就绪,请先初始化' });
-				return;
-			}
-
-			const defaultOptions = {
-				needResult: 1,
-				scanType: ['qrCode', 'barCode']
-			};
-
-			const scanOptions = { ...defaultOptions, ...options };
-
-			wx.scanQRCode({
-				needResult: scanOptions.needResult,
-				scanType: scanOptions.scanType,
-				success: (res) => {
-					console.log('[WxSDK] 扫码成功:', res);
-					resolve({
-						success: true,
-						result: res.resultStr || res.result,
-						data: res
-					});
-				},
-				fail: (err) => {
-					console.error('[WxSDK] 扫码失败:', err);
-					reject({
-						success: false,
-						error: err,
-						message: '扫码失败,请重试'
-					});
-				}
-			});
-		});
-	}
-
-	/**
-	 * 检查是否在微信环境中
-	 */
-	isInWechat() {
-		return /micromessenger/i.test(navigator.userAgent);
 	}
 }
 
-// 导出单例
+/**
-export default new WeChatScanService();
+ * 调起微信扫一扫
+ * @returns {Promise<string>}  扫码结果字符串
+ */
+export function wxScan() {
+	return new Promise((resolve, reject) => {
+		jweixin.scanQRCode({
+			needResult: 1,                        // 1 = 返回结果给开发者
+			scanType: ['qrCode', 'barCode'],    // 同时支持二维码和条形码
+			success(res) {
+				console.log('扫码成功:', res)
+				resolve(res.resultStr)
+			},
+			fail(err) {
+				console.error('扫码失败:', err)
+				reject(err)
+			}
+		})
+	})
+}
+
+/**
+ * 检查是否在微信环境中
+ */
+export function isInWechat() {
+	return /micromessenger/i.test(navigator.userAgent)
+}