打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
uni-app开发经验分享十七: 开发微信公众号(H5)JSSDK 的使用方式

因为这个jssdk被uni-app坑了好多天,作者说支持1.4版本,但是我用1.4的两个分享的新方法一直不支持。

最后只能放弃了,期待什么时候能更新上。

基本的使用方法:
第一步 - 下载使用方式
下载地址:https://unpkg.com/jweixin-module@1.4.1/out/index.js

项目引用:

 项目下新建模块,放在该模块下。
main.js引用:

var jweixin = require('jweixin-module')

//获取微信公众号的配置
uni.request({

url: 'xxxxxxxxxxx',
dataType: 'text',
data: {
url: window.location.href.split('#')[0]
},
success: res => {
var s = JSON.parse(res.data);
console.log(s.data);

 jweixin.config({
 debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
 appId: s.data.appId, // 必填,公众号的唯一标识
 timestamp: s.data.timestamp, // 必填,生成签名的时间戳
 nonceStr: s.data.nonceStr, // 必填,生成签名的随机串
 signature: s.data.signature.toLowerCase(), // 必填,签名,见附录1
 jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone"]
});

jweixin.ready(function () {

 //获取“分享到QQ”按钮点击状态及自定义分享内容接口(即将废弃)
 jweixin.onMenuShareQQ({
 title: title, // 分享标题
 desc: desc, // 分享描述
 link: url, // 分享链接
 imgUrl: imgurl, // 分享图标
 success: function () {
 // 用户确认分享后执行的回调函数
 },
 cancel: function () {
 // 用户取消分享后执行的回调函数
 }
});

//获取“分享给朋友”按钮点击状态及自定义分享内容接口(即将废弃)
 jweixin.onMenuShareAppMessage({
 title: title, // 分享标题
 desc: desc, // 分享描述
 link: url, // 分享链接
 imgUrl: imgurl, // 分享图标
 type: '', // 分享类型,music、video或link,不填默认为link
 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
 success: function () {
 // 用户确认分享后执行的回调函数
 },
 cancel: function () {
 // 用户取消分享后执行的回调函数
 }
});

//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃)
 jweixin.onMenuShareTimeline({
 title: title, // 分享标题
 desc: desc, // 分享描述
 link: url, // 分享链接
 imgUrl: imgurl, // 分享图标
 type: '', // 分享类型,music、video或link,不填默认为link
 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
 success: function () {
 // 用户确认分享后执行的回调函数
 },
 cancel: function () {
 // 用户取消分享后执行的回调函数
 }
});

//获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
 jweixin.onMenuShareWeibo({
 title: title, // 分享标题
 desc: desc, // 分享描述
 link: url, // 分享链接
 imgUrl: imgurl, // 分享图标
 type: '', // 分享类型,music、video或link,不填默认为link
 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
 success: function () {
 // 用户确认分享后执行的回调函数
 },
 cancel: function () {
 // 用户取消分享后执行的回调函数
 }
});

 //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口(即将废弃)
 jweixin.onMenuShareQZone({
 title: title, // 分享标题
 desc: desc, // 分享描述
 link: url, // 分享链接
 imgUrl: imgurl, // 分享图标
 type: '', // 分享类型,music、video或link,不填默认为link
 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
 success: function () {
 // 用户确认分享后执行的回调函数
 },
 cancel: function () {
 // 用户取消分享后执行的回调函数
 }
});
});
},
fail: err => {
console.log('request fail', err);
}
});

转载于:https://blog.csdn.net/qq_24347541/article/details/89710562

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
微信js sdk 微信Web-App几分钟变身“原生App”
微信分享
微信二次分享
微信JSSDK自定义分享朋友圈,附源码
VueJs单页应用实现微信网页授权及微信分享功能
python抓取网站的图片并下载到本地
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服