hookehuyr

✨ feat(微信分享功能模块):完善

......@@ -2,7 +2,7 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2022-05-26 23:52:36
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-06-13 15:22:35
* @LastEditTime: 2022-06-14 11:46:39
* @FilePath: /tswj/src/App.vue
* @Description:
-->
......@@ -27,6 +27,7 @@ import vConsole from '@/utils/vconsole'
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)
......@@ -46,11 +47,9 @@ Toast.setDefaultOptions({
onMounted(async () => {
const { data } = await wxJsAPI();
data.jsApiList = apiList;
console.warn(data);
wx.config(data);
wx.ready((res) => {
wx.showAllNonBaseMenuItem()
console.warn(res);
wx.ready(() => {
wx.showAllNonBaseMenuItem();
});
wx.error((err) => {
console.warn(err);
......
/*
* @Date: 2022-06-13 17:42:32
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-06-13 17:42:58
* @LastEditTime: 2022-06-14 11:43:19
* @FilePath: /tswj/src/composables/useShare.js
* @Description: 文件描述
*/
import wx from 'weixin-js-sdk'
import { useRoute } from 'vue-router'
import wx from 'weixin-js-sdk';
export const sharePage = () => {
const $route = useRoute();
wx.updateAppMessageShareData({
const shareData = {
title: '童声无界', // 分享标题
desc: $route.meta.title, // 分享描述
link: location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
imgUrl: location.origin + location.pathname + 'images/weixin_logo.png', // 分享图标
desc: '共读一本书,传递一份爱。', // 分享描述
link: location.origin + location.pathname + location.hash, // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
imgUrl: 'http://voice.onwall.cn/f/voice/images/weixin_logo.jpg', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
console.warn('分享成功');
......@@ -23,5 +20,13 @@ export const sharePage = () => {
// 用户取消分享后执行的回调函数
console.warn('分享已取消');
}
})
}
export const sharePage = () => {
// 分享好友(微信好友或qq好友)
wx.updateAppMessageShareData(shareData);
// 分享到朋友圈或qq空间
wx.updateTimelineShareData(shareData);
// 分享到腾讯微博
wx.onMenuShareWeibo(shareData);
}
......