微信公众号分享功能开发体验

公众号提供了一个分享功能，通过jsapi来访问，主要作用是修改特定页面下点击微信右上角【...】选择【转发给朋友】【分享到朋友圈】以及【分享到手机QQ】【分享到QQ空间】的内容。

分享到微信的操作步骤

分享到qq的操作步骤

实现后，从分享者看的效果如下：

分享到QQ好友

分享到QQ空间

分享给微信好友

分享到朋友圈

从接受者看到的效果如下：

1、QQ收到的信息如下

分享到手机QQ好友

2、qq空间看到的如下

QQ空间看到的信息

3、微信收到的信息如下

微信收到的信息

4、微信朋友圈看到的如下

朋友圈看到的信息

微信公众号通过jsapi提供的分享接口，可改变微信的分享动作执行分享的动作。

完整的代码示例如下：

<html><head><script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>function shareReal(data){            console.log(".......config ",data)wx.config({debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。appId: data.appId, // 必填，公众号的唯一标识timestamp: data.timestamp, // 必填，生成签名的时间戳nonceStr: data.nonceStr, // 必填，生成签名的随机串signature: data.signature,// 必填，签名jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填，需要使用的 JS 接口列表});console.log(".......ready ",data)wx.ready(function () {   //需在用户可能点击分享按钮前就先调用console.log(".......in ready ",data)wx.updateTimelineShareData({ title: 'testZOne', // 分享标题link: 'https://zmxcl.nationaiot.com', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致imgUrl: 'https://mqtt.nationaiot.com/img/loading.gif', // 分享图标success: function () {// 设置成功}})wx.updateAppMessageShareData({ title: 'testFriend', // 分享标题desc: 'testFriend', // 分享描述link: 'https://zmxcl.nationaiot.com', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致imgUrl: 'https://mqtt.nationaiot.com/img/loading.gif', // 分享图标success: function () {// 设置成功console.log("setting on")}})});}function onShare(){$.ajax({type: "POST",url: "/customer/zmxcl/entry",dataType: "json",contentType: "application/json; charset=utf-8",data: JSON.stringify({msgType: 'getJsapiConfig',  //ver: '1', //msgID: 123456, //timestamp: 123456, //url: "http://zmxcl.nationaiot.com/src/test/wx_share.html" //}),success: function(json) {console.log("aaaaaaaa",json);if(json.retcode == 0){let data = json.wxJsapiConfigRequestInfoshareReal(data);}},error: function(error) {alert("调用出错" + error.responseText);}});}</script></head><body><input type="button" value="share in wx" onclick="onShare()"/></body>
</html>

微信公众号分享功能开发体验相关推荐

微信 SHA1 签名_微信公众号自动回复功能开发
微信公众号自动回复功能开发本篇主要讲解微信公众号自动回复功能开发,让我们自己去托管公众号回复的功能,这样可以更加灵活的根据公众号收到的信息来制定特定的回复信息,一起来了解吧! 1.注册公众号如果 ...
Vue开发微信公众号调用微信JS-SDK的分享接口（实现微信公众号分享功能）
描述使用微信提供的分享功能,其实就是JSSDK使用,使用它提供的接口功能. 可以先看下微信公众号开发文档,上面介绍的很详细.提供了那些功能,怎么去使用. https://developers.wei ...
一次微信公众号分享功能总结
updateAppMessageShareData 目前用的就是最新的分享接口,貌似也存在待废弃的onMenuShareAppMessage,但是几年了都没废弃,用法都差不多. 引入js <sc ...
java微信公众号分享功能
前言微信公众号自定义分享功能,可附带图片.标题.内容提示:以下是本篇文章正文内容,下面案例可供参考一.微信公众号对网页域名进行授权,把MP_verify_*.txt文件放在项目的根目录下二.编 ...
微信公众号分享功能无法调用
我之前做微信分享功能的时候,做好发现移动端无法进行分享,放在微信开发者工具上测试,会发现出现errmsg 错误这个问题,主要还是权限问题,可以进微信公众号后台权限管理查看注意: 这里看清楚,账户主 ...
java微信公众号分享页面,微信公众号分享功能防坑指南
//1.分享出去的链接域名必须和微信公众号后台配置的业务域名一致,注意一点,微信公众号配置的业务域名不能带端口号,否则分享不成功,微信小程序到是没有这个限制. //2.需要把即将废弃的分享接口也加进去 ...
微信公众号硬件功能开发
设备功能在"设备功能"处添加产品,接入方案选择"平台基础接入方案" 添加成功后,就有100个配额服务器配置 URL是后台回调接口地址,Token是为了验证回 ...
uni-app 对接微信公众号分享功能
引入的方式有两种,可用npm也可直接下载js文件引入 npm install jweixin-module --save 依赖下载了之后可直接在需要掉起分享功能的页面直接配置参数: let wx= r ...
java spring boot 微信公众号分享功能
/*** 方法名:getWxConfig</br>* 详述:获取微信的配置信息 </br>* @param* @return 说明返回值含义* @throws*/public ...

微信公众号分享功能开发体验

微信公众号分享功能开发体验相关推荐

最新文章

热门文章