分享接口只有认证公众号才能使用,域名必须备案且在微信后台设置。
先确认已经满足使用jssdk的要求再进行开发。
在主要。js中全局引入:
从“vux”进口{WechatPlugin}
Vue.use (WechatPlugin)
console.log (Vue.wechat)//可以直接访问天气对象。
<强>组件外使用
考虑到你需要在引入插件后调用配置方法进行配置,你可以通过Vue。微信在组件外部访问天气对象。
jssdk需要请求签名配置接口,你可以直接使用VUX基于Axios封装的AjaxPlugin
从“vux”进口{WechatPlugin, AjaxPlugin}
Vue.use (WechatPlugin)
Vue.use (AjaxPlugin)
Vue.http。get (/api,({数据})=比;{
Vue.wechat.config (data.data)
})
之前
<强>组件中使用
那么之后任何组件中都可以通过这个。微信美元访问到天气对象。
出口默认{
创建(){
美元。wechat.onMenuShareTimeline ({
标题:“你好VUX”
})
}
}
我所使用的是组件外定义,组件内调用
<强>引入对应的文件
从“Vue”进口Vue
从“vux”进口{WechatPlugin}
Vue.use (WechatPlugin)//使用微信插件
//微信分享
const wxShare=(obj,回调)=祝辞{//console.log (obj,回调);
函数getUrl () {
var url=window.location.href;
var locationurl=url.split (“#”) [0];//console.log (locationurl);
返回locationurl;
}
如果(obj) {
var title=obj.title==定义| | obj.title==null # 63;泉的水系统的:obj.title;
var=obj.link链接==定义| | obj.link==null # 63; window.location.href: obj.link;
var desc=obj.desc==定义| | obj.desc==null # 63;泉的水系统的:obj.desc;
var imgUrl=obj.imgUrl==定义| | obj.imgUrl==null # 63;“src/img/share.png”: obj.imgUrl;
var debug=obj.debug==真正的# 63;事实:假;
其他}{
alert('请传分享参数”);
}//微信分享
Vue.http.get (" http://获取wx_token地址”)。(反应=比;response.json ())。然后(data=https://www.yisu.com/zixun/> {//console.log('微信微信的,数据)
var wxdata=https://www.yisu.com/zixun/data;
wxdata.debug=调试;
wxdata。jsApiList=[//所有要调用的API都要加到这个列表中“onMenuShareTimeline”//分享到朋友圈
' onMenuShareAppMessage ',//分享给朋友
' onMenuShareQQ ',//分享到QQ
' onMenuShareQZone ',//分享到QQ空间
“onMenuShareWeibo”//分享到腾讯微博
];
Vue.wechat.config (wxdata);
Vue.wechat。准备好(函数(){//分享到朋友圈
Vue.wechat.onMenuShareTimeline ({
标题:标题、//分享标题
链接:链接,//分享链接
描述:desc,//分享描述
imgUrl: imgUrl,//分享图标
成功:函数(){
回调,,回调();//用户确认分享后执行的回调函数
},
取消:函数(){//用户取消分享后执行的回调函数
}
});//分享到朋友
Vue.wechat.onMenuShareAppMessage ({
标题:标题、//分享标题
描述:desc,//分享描述
链接:链接,//分享链接
imgUrl: imgUrl,//分享图标
类型:",//分享类型,音乐、视频或链接,不填默认为链接
dataUrl:“,//如果类型是音乐或视频,则要提供数据链接,默认为空
成功:函数(){//用户确认分享后执行的回调函数
回调,,回调();
},
取消:函数(){//用户取消分享后执行的回调函数
}
});//分享到QQ
Vue.wechat.onMenuShareQQ ({
标题:标题、//分享标题
描述:desc,//分享描述
链接:链接,//分享链接
imgUrl: imgUrl,//分享图标
成功:函数(){//用户确认分享后执行的回调函数
回调,,回调();
},
取消:函数(){//用户取消分享后执行的回调函数
}
});//分享到QQ空间
Vue.wechat.onMenuShareQZone ({
标题:标题、//分享标题
描述:desc,//分享描述
链接:链接,//分享链接
imgUrl: imgUrl,//分享图标
成功:函数(){//用户确认分享后执行的回调函数
回调,,回调();
},
取消:函数(){//用户取消分享后执行的回调函数
}
});//分享到腾讯微博
Vue.wechat.onMenuShareWeibo ({
标题:标题、//分享标题
描述:desc,//分享描述
链接:链接,//分享链接
imgUrl: imgUrl,//分享图标
成功:函数(){//用户确认分享后执行的回调函数
回调,,回调();
},
取消:函数(){//用户取消分享后执行的回调函数
}
});
})
})
}
