wx-qq-share 定制微信、QQAPP内的分享内容

定制微信，手机QQ，QQ空间APP内的分享内容。

项目地址：https://github.com/fxss5201/wx-qq-share

示例：，此示例暂时只提供QQ和QQ空间分享（微信需要配置参数）。

代码参照http://open.mobile.qq.com/api/component/share，修改点如下：

将微信改为采用最新版1.4.0，并加入updateAppMessageShareData和updateTimelineShareData方法；
增加wxUrl参数，微信分享链接时该链接域名或路径必须与当前页面对应的公众号JS安全域名一致即可，但手机QQ限制分享URL必须与页面URL同一域名，否则设置不生效，所以此处增加单独设置微信分享链接，仅在微信APP分享时会优先采用；
增加type和dataUrl参数，用于设置onMenuShareAppMessage可使用；
支持import引用。

更多关于微信设置的请参照微信官方文档

用法

使用模块加载器

npm install --save-dev @fxss5201/wx-qq-share

import { setShareInfo } from '@fxss5201/wx-qq-share'setShareInfo({title: 'wx-qq-share定制微信、qq分享', // 分享标题summary: '定制微信，手机QQ，QQ空间APP内的分享内容。定制微信，手机QQ，QQ空间APP内的分享内容。', // 分享内容pic: 'http://www.fxss5201.cn/wx-qq-share/share.jpg', // 分享图片url: 'http://www.fxss5201.cn/wx-qq-share/', // 分享链接// wxUrl: '', // 微信分享链接时该链接域名或路径必须与当前页面对应的公众号JS安全域名一致即可// 但手机QQ限制分享URL必须与页面URL同一域名，否则设置不生效，所以此处增加单独设置微信分享链接，微信分享会优先采用type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空// 微信权限验证配置信息，若不在微信传播，可忽略WXconfig: {swapTitleInWX: true, // 是否标题内容互换（仅朋友圈，因朋友圈内只显示标题）appId: appId, // 公众号的唯一标识timestamp: timestamp, // 生成签名的时间戳nonceStr: nonceStr, // 生成签名的随机串signature: signature // 签名}
})

script 引入

从 wx-qq-share 下载 wx-qq-share.umd.min.js 文件

<script src="js/wx-qq-share.umd.min.js"></script>
<script>
setShareInfo({title: '定制微信、qq分享title', // 分享标题summary: '定制微信、qq分享title定制微信、qq分享title', // 分享内容pic: 'http://www.fxss5201.cn/project/share-test/img/share.jpg', // 分享图片url: 'http://www.fxss5201.cn/project/share-test/', // 分享链接// wxUrl: '', // 微信分享链接时该链接域名或路径必须与当前页面对应的公众号JS安全域名一致即可// 但手机QQ限制分享URL必须与页面URL同一域名，否则设置不生效，所以此处增加单独设置微信分享链接，微信分享会优先采用type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空// 微信权限验证配置信息，若不在微信传播，可忽略WXconfig: {swapTitleInWX: true, // 是否标题内容互换（仅朋友圈，因朋友圈内只显示标题）appId: appId, // 公众号的唯一标识timestamp: timestamp, // 生成签名的时间戳nonceStr: nonceStr, // 生成签名的随机串signature: signature // 签名}
})
</script>

wx-qq-share 定制微信、QQAPP内的分享内容相关推荐

自定义微信易信平台分享内容
当一个链接在微信或易信浏览器里打开时,不管这个链接是公众号里的内容还是扫码打开的链接,分享给好友或是朋友圈时,分享的内容默认从网页中取,包括页面中的图片和title.当页面中没有图片时,会采用平台默认 ...
php实现微信公众号分享,php实现微信公众号自定义分享内容的方法
这篇文章主要介绍了php版微信公众号自定义分享内容实现方法,结合实例形式分析了php实现微信公众号自定义分享内容的接口调用与相关使用技巧,需要的朋友可以参考下微信公众号号在手机中通过api接口可以实 ...
php实现微信公众号分享,php版微信公众号自定义分享内容实现方法
搜索热词 PHP版微信公众号自定义分享内容实现方法,希望对您有用.如果有疑问,可以联系我们. PHP版微信公众号自定义分享内容实现方法.分享给大家供大家参考,具体如下: 自定义分享内容了,下面我们来看 ...
2019年张小龙微信公开课精彩分享内容
关于设计原则你觉得什么样的产品是好的产品?是说它有很多的用户?说它让人上瘾,还是什么样的? 我记得在很多年前,当我们在用苹果手机,我们会研究为什么会设计这么好的产品出来?我记得有一位德国的产品设计师 ...
公众号分享页面php,微信公众号网页分享功能开发的示例代码
现在每天都可以看到很多微信分享的链接上面有网站或者商家的自定义的分享标题,和分享链接的描述及分享出去的图像,例如下面的分享出去的链接: 上面这个是微信的js-SDK页面分享给微信好友在聊天列表中显示的 ...
如何绕过微信sdk审核进行分享？
如何绕过微信sdk审核进行分享? 可能有的朋友会问我为什么要绕过微信sdk审核?这里我就不做过多的解释,如果能够进行正常分享的像用原生的sdk,友盟这类的自然就不用考虑这些,但是有的app分享的内容正 ...
web端，qq互联以及微信登录接入流程（内嵌页面）总结
前言实习过程中,我参与了web版相册管家的开发,负责登陆页面的前后端逻辑. 需要在登陆页接入QQ互联和微信扫码登陆,而且是用页面内嵌方式.回头来看其实两者都有文档指导,步骤清楚,并不复杂.但是第一次 ...
使用Chrome开发者工具调试Android端内网页(微信，QQ，UC，App内嵌页等)
使用Chrome开发者工具调试Android端内网页(微信,QQ,UC,App内嵌页等) 传送门转载于:https://www.cnblogs.com/momozjm/p/9389912.html
【cocos creator】各小游戏平台sdk，vivo,oppo,wx,qq,字节跳动
各小游戏平台sdk,vivo,oppo,wx,qq,字节跳动 wx // Learn cc.Class: // - [Chinese] https://docs.cocos.com/creator/m ...

wx-qq-share 定制微信、QQAPP内的分享内容

用法

使用模块加载器

script 引入

wx-qq-share 定制微信、QQAPP内的分享内容相关推荐

最新文章

热门文章