uniapp自定义微信分享

1.安装微信JS-SDK

npm install jweixin-module --save

2.引入微信JS-SDK

var jweixin = require('jweixin-module');

3.页面挂载微信方法

var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == "micromessenger") {// console.log("微信环境") let parameter = {};let query = window.location.href.split("?")[1].split("&");let aa = query[0].split("=")[1];parameter.url = `${this.$comemtUrl}/?a=${aa}`;// console.log(parameter.url,"当前页面地址");parameter.apis = ['updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'];uni.request({url: `${this.$comemtUrl}/activity/we_chat/getJsApiConfig`,method: 'POST',data: JSON.stringify(parameter), //这里不是统一的，看你们后端success: (res) => {console.log(res, "返回的数据");jweixin.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: res.data.appId, // 必填，公众号的唯一标识timestamp: res.data.timestamp, // 必填，生成签名的时间戳nonceStr: res.data.nonceStr, // 必填，生成签名的随机串signature: res.data.signature, // 必填，签名jsApiList: res.data.jsApiList // 必填，需要使用的JS接口列表});jweixin.ready(() => {jweixin.hideMenuItems({menuList: ["menuItem:copyUrl", "menuItem:editTag","menuItem:delete", "menuItem:originPage","menuItem:readMode", "menuItem:openWithQQBrowser","menuItem:openWithSafari", "menuItem:share:email","menuItem:share:brand", "menuItem:share:qq","menuItem:share:QZone"] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮});//console.log(this.shareTitle,this.shareContent,this.shareImage,"分享参数")// console.log('wx ready');jweixin.updateAppMessageShareData({title: "你自定义的微信标题", // 分享标题desc: "分享描述", // 分享描述link: parameter.url, //分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: "分享图标", // 分享图标success: function() {// alert('感谢您的分享');},cancel: function() {// alert('分享失败');}});jweixin.updateTimelineShareData({title:"你自定义的微信标题", // 分享标题desc:  "分享描述", // 分享描述link: parameter.url, // 分享链接imgUrl:"分享图标", // 分享图标success: function() {// alert('感谢您的分享');},cancel: function() {// alert('分享失败');}});});}
})
} else {console.log("不是微信环境");
}

uniapp自定义微信分享相关推荐

手把手带你使用JS-SDK自定义微信分享效果
前言刚进入一家新公司,接到的第一个任务就是需要需要自定义微信分享的效果(自定义缩略图,标题,摘要),一开始真是一脸懵逼,在网上搜索了半天之后大概有了方案.值得注意的是一开始搜索到的解决方案全是调用微 ...
使用JS-SDK自定义微信分享效果
之前做的一个h5页面,按照需求得分享到朋友圈he好友,默认分享链接的标题he内容以及图标都是微信默认的,下面是一个大神进行自定义的分享链接的代码,看到了记录下: 前言刚进入一家新公司,接到的第一个任 ...
H5 -- 自定义微信分享第三方页面链接的标题和小缩略图
需求:自定义微信分享第三方页面链接的标题和小缩略图(如图) 2018.6.4更新线 - - - - - - - - - - - - - - - - - - 更新:微信6.5.5版本以后调整了分享规则, ...
android微信分享怎么自定义样式,自定义微信分享样式教程
使用场景: 当网站浏览者访问你的网站的时候,情不自禁分享.然而,样式怎么这么挫? 分享别人的网站链接,却是这样的样式,为什么呢? 答案:你没有设置"自定义微信分享样式" 共有三个 ...
android微信分享怎么自定义样式,自定义微信分享样式设置教程
一.功能效果自定义微信分享可以设置个性化的分享图片.标题.描述,让分享内容更加受到用户的喜爱和欢迎. 二.功能说明 [版本]网站标准版及以上 [前提]1.需要授权已认证的公众号(支持服务号.订阅号) ...
使用微信JSSDK自定义微信分享标题、描述、和图标
最近做一个项目的时候用到微信的分享 ,实现定义分享标题,图片,了解到微信在发布JSSDK后,把包括自定义分享在内的众多网页服务接口进行了统一.如果要想自定义分享自己的网页信息给好友或朋友圈,就最好使用 ...
uniApp配置微信分享 uniApp跳转微信小程序
最近在做uniApp时需要跳转微信小程序进行支付,以为和跳转支付宝小程序支付一样简单结果让我发狂,跳转微信代码其实很简单就是下面这一段,但是要配置一大推东西提示:plus为App端默认的系统参数,不 ...
关于自定义微信分享内容的总结
补充一点,当微信分享完成后,出现了非二次分享问题,现象是,测试有时候点了分享,可以正常显示自定义分享内容,有时候又不行,这边要注意,我们测试的网络环境差,因此可能会出现跟我们不同的现象. 究其原因,是 ...
uniapp实现微信分享
在 uniapp 中实现微信分享具体属性请参考官方文档 uniapp官网 onShareAppMessage(res) { //res参数可判断该分享的事件源if (res.from === 'bu ...

uniapp自定义微信分享

1.安装微信JS-SDK

2.引入微信JS-SDK

3.页面挂载微信方法

uniapp自定义微信分享相关推荐

最新文章

热门文章