✨ feat: 测试微信分享功能

hookehuyr
Commit 598f8d907d41340fc79aeaa8b0f6d90ac9ea6ba7 598f8d90 1 parent 71d894b2
Showing 8 changed files with 134 additions and 7 deletions
public/images/weixin_logo.png
src/App.vue
src/api/fn.js
src/api/wx/config.js
src/api/wx/jsApiList.js
src/views/client/bookDetail.vue
src/views/client/chooseBook.vue
src/views/client/chooseSchool.vue
--- a/public/images/weixin_logo.png 0 → 100644
View file @598f8d9
+++ b/public/images/weixin_logo.png 0 → 100644
View file @598f8d9
--- a/src/App.vue
View file @598f8d9
+++ b/src/App.vue
View file @598f8d9
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-26 23:52:36
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-09 22:37:34
+ * @LastEditTime: 2022-06-13 15:22:35
  * @FilePath: /tswj/src/App.vue
  * @Description: 
 -->
@@ -17,13 +17,16 @@
 <script setup>
 import { mainStore, useTitle } from '@/utils/generatePackage'
-import { computed, watchEffect } from 'vue';
+import { computed, watchEffect, onMounted } from 'vue';
 import { useRoute } from 'vue-router'
 import { Toast } from 'vant';
 // 会根据配置判断是否显示调试控件
 // eslint-disable-next-line no-unused-vars
 import vConsole from '@/utils/vconsole'
-
+// 初始化WX环境
+import wx from 'weixin-js-sdk'
+import { wxJsAPI } from '@/api/wx/config'
+import { apiList } from '@/api/wx/jsApiList.js'
 // 使用 include + pinia 状态管理动态缓存页面
 const store = mainStore()
 const keepPages = computed(() => store.getKeepPages)
@@ -40,6 +43,19 @@ Toast.setDefaultOptions({
   className: 'zIndex'
 });
+onMounted(async () => {
+  const { data } = await wxJsAPI();
+  data.jsApiList = apiList;
+  console.warn(data);
+  wx.config(data);
+  wx.ready((res) => {
+    wx.showAllNonBaseMenuItem()
+    console.warn(res);
+  });
+  wx.error((err) => {
+    console.warn(err);
+  });
+})
 </script>
 <style lang="less">
--- a/src/api/fn.js
View file @598f8d9
+++ b/src/api/fn.js
View file @598f8d9
+/*
+ * @Date: 2022-05-18 22:56:08
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 15:22:55
+ * @FilePath: /tswj/src/api/fn.js
+ * @Description: 文件描述
+ */
 import axios from '@/utils/axios';
 import { Toast } from 'vant';
--- a/src/api/wx/config.js
View file @598f8d9
+++ b/src/api/wx/config.js
View file @598f8d9
@@ -2,14 +2,14 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-06-09 13:32:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-09 13:35:22
+ * @LastEditTime: 2022-06-13 15:51:52
  * @FilePath: /tswj/src/api/wx/config.js
  * @Description:
  */
 import { fn, fetch } from '@/api/fn';
 const Api = {
-  WX_JSAPI: 't/wx_jsapi.do',
+  WX_JSAPI: '/srv/?a=wx_share',
 }
 /**
@@ -18,3 +18,4 @@ const Api = {
  * @returns {*} cfg
  */
 export const wxJsAPI = (params) => fn(fetch.get(Api.WX_JSAPI, params));
+// export const wxJsAPI = () => fn(fetch.get(Api.WX_JSAPI, { url: 'http://voice.onwall.cn/f/voice/#' }));
--- a/src/api/wx/jsApiList.js 0 → 100644
View file @598f8d9
+++ b/src/api/wx/jsApiList.js 0 → 100644
View file @598f8d9
+/*
+ * @Date: 2022-06-13 14:18:57
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 14:27:21
+ * @FilePath: /tswj/src/api/wx/jsApiList.js
+ * @Description: 文件描述
+ */
+export const apiList = [
+  "updateAppMessageShareData",
+  "updateTimelineShareData",
+  "onMenuShareTimeline",
+  "onMenuShareAppMessage",
+  "onMenuShareQQ",
+  "onMenuShareWeibo",
+  "onMenuShareQZone",
+  "startRecord",
+  "stopRecord",
+  "onVoiceRecordEnd",
+  "playVoice",
+  "pauseVoice",
+  "stopVoice",
+  "onVoicePlayEnd",
+  "uploadVoice",
+  "downloadVoice",
+  "chooseImage",
+  "previewImage",
+  "uploadImage",
+  "downloadImage",
+  "translateVoice",
+  "getNetworkType",
+  "openLocation",
+  "getLocation",
+  "hideOptionMenu",
+  "showOptionMenu",
+  "hideMenuItems",
+  "showMenuItems",
+  "hideAllNonBaseMenuItem",
+  "showAllNonBaseMenuItem",
+  "closeWindow",
+  "scanQRCode",
+  "chooseWXPay",
+  "openProductSpecificView",
+  "addCard",
+  "chooseCard",
+  "openCard"
+]
--- a/src/views/client/bookDetail.vue
View file @598f8d9
+++ b/src/views/client/bookDetail.vue
View file @598f8d9
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-21 09:35:14
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-09 16:34:04
+ * @LastEditTime: 2022-06-13 15:13:42
  * @FilePath: /tswj/src/views/client/bookDetail.vue
  * @Description:
 -->
@@ -135,6 +135,7 @@ import { useVideoList, useDefaultPerf, useScrollTop } from '@/composables';
 import { addSubscribeAPI } from '@/api/C/book.js'
 import { prepareDonateAPI } from '@/api/C/donate.js'
 import { USER_ROLE, USER_TYPE } from '@/constant'
+import wx from 'weixin-js-sdk'
 const { resetScrollTop } = useScrollTop(); // 页面滚动恢复
 resetScrollTop('scrollTop');
@@ -332,6 +333,22 @@ const goToDetail = (v) => { // 跳转作品详情页
   });
 }
 /*****************************************************/
+
+// TAG：微信分享
+// wx.updateAppMessageShareData({
+//   title: '童声无界', // 分享标题
+//   desc: $route.meta.title, // 分享描述
+//   link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+//   imgUrl: location.origin + location.pathname + 'images/weixin_logo.png', // 分享图标
+//   success: function () {
+//     // 用户确认分享后执行的回调函数
+//     console.warn('分享成功');
+//   },
+//   cancel: function () {
+//     // 用户取消分享后执行的回调函数
+//     console.warn('分享已取消');
+//   }
+// })
 </script>
 <style lang="less" scoped>
--- a/src/views/client/chooseBook.vue
View file @598f8d9
+++ b/src/views/client/chooseBook.vue
View file @598f8d9
@@ -64,6 +64,8 @@ import { Cookies } from '@/utils/generatePackage.js'
 import { DonateBar } from '@/utils/generateModules.js'
 import { computed, ref, watch } from 'vue'
 import { USER_ROLE, USER_TYPE } from '@/constant'
+import { useRoute } from 'vue-router'
+import wx from 'weixin-js-sdk'
 const go = useGo();
 // 删除所有的 keep-alive 缓存
@@ -108,6 +110,23 @@ watch(
   }
 )
 /**************************************************/
+
+// TAG：微信分享
+// const $route = useRoute();
+// wx.updateAppMessageShareData({
+//   title: '童声无界', // 分享标题
+//   desc: $route.meta.title, // 分享描述
+//   link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+//   imgUrl: location.origin + location.pathname + 'images/weixin_logo.png', // 分享图标
+//   success: function () {
+//     // 用户确认分享后执行的回调函数
+//     console.warn('分享成功');
+//   },
+//   cancel: function () {
+//     // 用户取消分享后执行的回调函数
+//     console.warn('分享已取消');
+//   }
+// })
 </script>
 <style lang="less" scoped>
--- a/src/views/client/chooseSchool.vue
View file @598f8d9
+++ b/src/views/client/chooseSchool.vue
View file @598f8d9
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-04-21 11:21:39
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-05-31 15:52:12
+ * @LastEditTime: 2022-06-13 17:24:04
  * @FilePath: /tswj/src/views/client/chooseSchool.vue
  * @Description: 选择学校列表
 -->
@@ -21,10 +21,31 @@
 import RankingItem from '@/components/RankingItem/index'
 // import { useGo } from '@/hooks/useGo'
 import { killPages } from '@/hooks/useKeepAlive'
+// import { onMounted } from 'vue';
+import wx from 'weixin-js-sdk'
+import { useRoute } from 'vue-router'
+// import { wxJsAPI } from '@/api/wx/config'
 // const go = useGo()
 // 删除所有的 keep-alive 缓存
 killPages();
+
+// TAG：微信分享
+// const $route = useRoute();
+// wx.updateAppMessageShareData({
+//   title: '童声无界', // 分享标题
+//   desc: $route.meta.title, // 分享描述
+//   link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+//   imgUrl: location.origin + location.pathname + 'images/weixin_logo.png', // 分享图标
+//   success: function () {
+//     // 用户确认分享后执行的回调函数
+//     console.warn('分享成功');
+//   },
+//   cancel: function () {
+//     // 用户取消分享后执行的回调函数
+//     console.warn('分享已取消');
+//   }
+// })
 </script>
 <script>