安装 jweixin-module

npm install jweixin-module --save

页面调用流程

  • 所有需要使用 JS-SDK 的页面必须先注入配置信息,否则将无法调用
var jweixin = require('jweixin-module')

shareFun() {
    share({url: window.location.href.split("#")[0],}).then(res => {
        jweixin.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
            appId: res.appId, // 必填,公众号的唯一标识
            timestamp: res.timestamp, // 必填,生成签名的时间戳
            nonceStr: res.noncestr, // 必填,生成签名的随机串
            signature: res.signature,// 必填,签名
            jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'] // 必填,需要使用的JS接口列表
        });
		
        jweixin.ready(function() { //需在用户可能点击分享按钮前就先调用
        	//分享给朋友
            jweixin.onMenuShareAppMessage({
                title: '分享标题', // 分享标题
                desc: '分享描述', // 分享描述
                link: '分享链接', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: '分享图标地址', // 分享图标
                success: function (res) {
                   uni.showToast({: '分享成功', icon:'none'});
                },
                fail: function (err) {
                    console.log("fail:" + JSON.stringify(err));
                },
            })
			//分享到朋友圈
            jweixin.onMenuShareTimeline({
                title: '分享标题', // 分享标题
                link: '分享链接', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: '分享图标地址', // 分享图标
                success: function () {
                    // 用户点击了分享后执行的回调函数
                   uni.showToast({: '分享成功', icon:'none'});
                }
            })
        });
        jweixin.error(function(res){
            // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
        });
    })
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐