uniapp+vue3+ts实现：微信小程序全局分享（转发给朋友、分享到朋友圈）【含项目代码、案例】

项目技术架构：

• uniapp+vue3+ts开发

案例参考：

• 项目 · 截图 · 略
  （博主自留地：参考klcsxt.sys小程序版）

配置步骤：

1. 新建share.js文件

/* 开启微信分享功能 */
export default {
	created() {
		//#ifdef MP-WEIXIN
		wx.showShareMenu({
			withShareTicket: true,
			menus: ['shareAppMessage', 'shareTimeline']
		});
		//#endif
	},
}

• 代码定义视图参考：

2. 在main.ts文件中混入使用：

import { createSSRApp } from "vue";
import App from "./App.vue";
import { createPinia } from 'pinia';

const pinia = createPinia();

import { getPhoneInfo } from './utils/phoneInfor'

//分享
import share from '@/utils/share.js'
// Vue.mixin(share)

export function createApp() {
  const app = createSSRApp(App);

  app.config.globalProperties.getPhoneInfo = getPhoneInfo;
	// 重点代码如下
  const shareMixin = share;
  app.mixin(shareMixin);

  app.use(pinia);
  return {
    app,
  };
}

参考文章：

• uniapp 开启全局《微信小程序》分享功能
• uniapp项目中ts类型项目的转发朋友圈和分享好友的全局设置

完结。