updateAppMessageShareData

目前用的就是最新的分享接口，貌似也存在待废弃的onMenuShareAppMessage，但是几年了都没废弃，用法都差不多。

引入js

<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

加载微信的相关配置


$(function(){configWx()
})
//加载微信的配置
function configWx() {  // url可为空 因为request.getHeader("Referer")可以拿到访问者的地址let url="/wx/config";$.ajax({type : 'get',url :  url,processData: false,   // jQuery不要去处理发送的数据contentType: false,   // jQuery不要去设置Content-Type请求头// data:{url:url},    //要跳转的页面 需要调用微信拍照的页面headers: {'Content-Type': 'application/json'},success : function(data) {if(data.code ==1 ){configWeiXin(data.data.appId, data.data.timestamp, data.data.nonceStr,data.data.signature);}else {console.log("配置请求错误");}}});
}function configWeiXin(appId, timestamp, nonceStr, signature) {// jsApiList  需要调用的接口都要在这配置放开权限wx.config({debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: appId,timestamp: timestamp,nonceStr: nonceStr,signature: signature,jsApiList: ['showAllNonBaseMenuItem','onMenuShareAppMessage','updateAppMessageShareData','onMenuShareAppMessage','chooseImage','previewImage','uploadImage','downloadImage', 'getLocalImgData','showAllNonBaseMenuItem','getLocation','openLocation'],  //选图接口  预览图片接口 上传图片接口 下载图片接口openTagList: ['wx-open-launch-weapp']});
}
wx.ready(function () {// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中console.log("微信加载成功");initShare()
});wx.error(function (res) {// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名console.log("微信加载失败")
});

调用api接口

function initShare(){var desc = "点击进入详情";wx.ready(function () {wx.updateAppMessageShareData({title: title, // 分享标题desc: desc, // 分享描述link: shareUrl, // 分享链接imgUrl: requestUrl+'/favicon.ico', // 分享图标success: function () {},cancel: function () {}});});
}
![在这里插入图片描述](https://img-blog.csdnimg.cn/758cfd01080c4c11a8ca84a1e5b0b2b5.png)## 坑1：
正常情况下，通过链接进入H5，通过微信的一些配置，然后右上角分享，分享出来的是个链接解决：把链接放在微信公众号对话框里，通过微信公众号去访问，就会分享出来一个小卡片类似的样式，微信这样的潜规则，应该是防外链相关有关。但是文档里一点没有提及！以上这坑都是在开发环境下用的测试公众号，线上公众号还不知道，但是作为本地微信开发来说，真的很不友好。

一次微信公众号分享功能总结相关推荐

微信公众号分享功能开发体验
公众号提供了一个分享功能,通过jsapi来访问,主要作用是修改特定页面下点击微信右上角[...]选择[转发给朋友][分享到朋友圈]以及[分享到手机QQ][分享到QQ空间]的内容. 分享到微信的操作步骤 ...
java微信公众号分享功能
前言微信公众号自定义分享功能,可附带图片.标题.内容提示:以下是本篇文章正文内容,下面案例可供参考一.微信公众号对网页域名进行授权,把MP_verify_*.txt文件放在项目的根目录下二.编 ...
微信公众号分享功能无法调用
我之前做微信分享功能的时候,做好发现移动端无法进行分享,放在微信开发者工具上测试,会发现出现errmsg 错误这个问题,主要还是权限问题,可以进微信公众号后台权限管理查看注意: 这里看清楚,账户主 ...
Vue开发微信公众号调用微信JS-SDK的分享接口（实现微信公众号分享功能）
描述使用微信提供的分享功能,其实就是JSSDK使用,使用它提供的接口功能. 可以先看下微信公众号开发文档,上面介绍的很详细.提供了那些功能,怎么去使用. https://developers.wei ...
java微信公众号分享页面,微信公众号分享功能防坑指南
//1.分享出去的链接域名必须和微信公众号后台配置的业务域名一致,注意一点,微信公众号配置的业务域名不能带端口号,否则分享不成功,微信小程序到是没有这个限制. //2.需要把即将废弃的分享接口也加进去 ...
uni-app 对接微信公众号分享功能
引入的方式有两种,可用npm也可直接下载js文件引入 npm install jweixin-module --save 依赖下载了之后可直接在需要掉起分享功能的页面直接配置参数: let wx= r ...
java spring boot 微信公众号分享功能
/*** 方法名:getWxConfig</br>* 详述:获取微信的配置信息 </br>* @param* @return 说明返回值含义* @throws*/public ...
微信公众号留言功能实现方法分享
微信公众号留言功能实现方法分享公众号留言功能开通方法公众号留言功能在2018年年初被限制使用,2018年以后新注册的微信公众号都没有留言功能. 至此,新注册的公众号不仅没有留言功能,运营者无法跟用 ...
移动端App分享，以及微信小程序和公众号分享功能实现
移动端App分享,以及微信小程序和公众号分享功能实现分享功能记录收藏,上链接前端工作记录

一次微信公众号分享功能总结

updateAppMessageShareData

一次微信公众号分享功能总结相关推荐

最新文章

热门文章