uni-app 第三方应用中调起微信分享

最近做项目的时候遇到一个问题

在APP中的某个单独的小项目中使用uni-app写的项目调起微信分享

单独引入jweixin-1.6.0.js在需要分享的页面中时,

页面会报错,导致原有的数据都没有展示出来;

 

可以使用第三地方组件

npm install jweixin-module --save

安装微信分享模块

安装完成后你会得到一个jweixin-module 的包,

然后

import wx from "@/jweixin-module/jweixin-module/lib/index.js"

在页面中引入模块

wxShare(config, news, users){

  var _this = this;
  //微信分享
  wx.config({
    appId: config.appId,
    timestamp: config.timestamp,
    nonceStr: config.nonceStr,
    signature: config.signature,
    debug: config.debug,
    jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ", "onMenuShareWeibo", "chooseImage",
    "uploadImage", "hideMenuItems", "closeWindow"
    ] // 所有要调用的 API 都要加到这个列表中
  });
  wx.ready(function() {
  // 在这里调用 API
  wx.hideMenuItems({
    menuList: ['menuItem:copyUrl', 'menuItem:favorite', 'menuItem:originPage', 'menuItem:openWithQQBrowser','menuItem:openWithSafari', 'menuItem:share:email', 'menuItem:share:qq', 'menuItem:share:weiboApp','menuItem:share:QZone'
    ] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3,分享朋友:'menuItem:share:appMessage',分享朋友圈:'menuItem:share:timeline'
  });

  wx.onMenuShareTimeline({ //分享到朋友圈
    *******
  });

  wx.onMenuShareAppMessage({ //分享给朋友
    ****
  });
  });
;

 

注意:

wx.config不要放到wx.ready方法里面

posted @ 2020-09-27 16:38  烂笔头~  Views(3851)  Comments(0Edit  收藏  举报