替换weixinjssdk

tianwu
1 parent 62689239
Showing 5 changed files with 20 additions and 17 deletions
apps/web-payment/index.html
apps/web-payment/package.json
apps/web-payment/src/views/payment/index.vue
apps/web-payment/src/views/payment/paySuccess.vue
pnpm-lock.yaml
@@ -17,7 +17,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js" ></script>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
@@ -48,7 +48,8 @@
     "qs": "catalog:",
     "vconsole": "^3.15.1",
     "vue": "catalog:",
-    "vue-router": "catalog:"
+    "vue-router": "catalog:",
+    "weixin-js-sdk": "^1.6.5"
   },
   "devDependencies": {
     "unplugin-element-plus": "catalog:"
@@ -14,6 +14,7 @@ import {
 import { ElButton, ElDialog, ElIcon, ElMessage, ElRadio } from 'element-plus';
 import qs from 'qs';
 import VConsole from 'vconsole';
+import wx from 'weixin-js-sdk';
  
 import {
   getOpenId,
@@ -280,12 +281,14 @@ const queryPayment = async () =&gt; {
         payee: orderInfoData.value.mchName,
       };
       const queryString = qs.stringify(params);
-      console.log(wx);
-      if (typeof wx !== 'undefined' && wx.miniProgram) {
+      console.log('微信sdk', wx);
+      if (wx !== undefined && wx.miniProgram) {
         wx.miniProgram.redirectTo({
           url: `/packageA/pages/wxPay/index?${queryString}`,
         });
         loading.value = false;
+      } else {
+        console.log('wx.miniProgram is not available');
       }
     } catch (error) {
       console.log(error);
@@ -311,7 +314,7 @@ const queryPayment = async () =&gt; {
     const queryString = qs.stringify(pramsData);
  
     // 跳转到微信支付页面
-    if (typeof wx !== 'undefined' && wx.miniProgram) {
+    if (wx !== undefined && wx.miniProgram) {
       wx.miniProgram.navigateTo({
         url: `/packageA/pages/wxPay/index?${queryString}`,
       });
@@ -3,6 +3,7 @@ import { onMounted, ref } from &#39;vue&#39;;
 import { useRoute } from 'vue-router';
  
 import { ElButton } from 'element-plus';
+import wx from 'weixin-js-sdk';
  
 import EnvironmentDetector from '#/composables/environmentDetector';
  
@@ -19,23 +20,14 @@ const handleBack = () =&gt; {
   if (queryData.value.redirectUrl) {
     window.location.href = queryData.value.redirectUrl;
   } else if (
-    typeof jWeixin !== 'undefined' &&
-    jWeixin.miniProgram &&
+    wx !== undefined &&
+    wx.miniProgram &&
     detector.value?.env.isMiniProgram
   ) {
-    jWeixin.miniProgram.switchTab({
+    wx.miniProgram.switchTab({
       url: `/pages/newhome/newhome`,
     });
   }
-  // if (
-  //   typeof jWeixin !== 'undefined' &&
-  //   jWeixin.miniProgram &&
-  //   detector.value?.env.isMiniProgram
-  // ) {
-  //   jWeixin.miniProgram.switchTab({
-  //     url: `/pages/newhome/newhome`,
-  //   });
-  // }
 };
  
 onMounted(() => {
@@ -892,6 +892,9 @@ importers:
       vue-router:
         specifier: 'catalog:'
         version: 4.6.3(vue@3.5.24(typescript@5.9.3))
+      weixin-js-sdk:
+        specifier: ^1.6.5
+        version: 1.6.5
     devDependencies:
       unplugin-element-plus:
         specifier: 'catalog:'
@@ -10612,6 +10615,9 @@ packages:
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
  
+  weixin-js-sdk@1.6.5:
+    resolution: {integrity: sha512-Gph1WAWB2YN/lMOFB/ymb+hbU/wYazzJgu6PMMktCy9cSCeW5wA6Zwt0dpahJbJ+RJEwtTv2x9iIu0U4enuVSQ==}
+
   whatwg-encoding@3.1.1:
     resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
     engines: {node: '>=18'}
@@ -20349,6 +20355,8 @@ snapshots:
  
   webpack-virtual-modules@0.6.2: {}
  
+  weixin-js-sdk@1.6.5: {}
+
   whatwg-encoding@3.1.1:
     dependencies:
       iconv-lite: 0.6.3