关于小程序分享页面的设置问题
关于小程序分享页面的设置问题怎么解决?小程序分享页面的设置有哪些问题呢?下面小编就来为大家一一讲解下关于小程序分享页面的设置问题。
一、
//js接口
var shareme;
var urls = window.location.href;
if(isWeiXin()){
var weifileref=document.createElement('script')//创建标签
weifileref.setAttribute("type","text/javascript")//定义属*type的值为text/javascript
weifileref.setAttribute("src", "res.wx.qq/open/js/jweixin-1.0.0.js")//文件的地址
document.getElementsByTagName("head")[0].appendChild(weifileref);
}
function isWeiXin(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}else{
return false;
}
}
//修改jq
$(window).load(function(){
if(isWeiXin()){
$.ajax({
type: "POST",
async: false, //同步请求
url: "",
data:{
urls:urls
},
jsonp: 'callback',
dataType: 'jsonp',
success:function(data){
shareme = eval(data);
wx.config({
debug: false,
appId: shareme.appId,
timestamp: shareme.timestamp,
nonceStr: shareme.nonceStr,
signature: shareme.signature,
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'hideMenuItems',
'showMenuItems',
'hideAllNonBaseMenuItem',
'showAllNonBaseMenuItem'
]
});
wx.ready(function () {
//判断当前版本是否支持指定 JS 接口，支持批量判断
wx.checkJsApi({
jsApiList: [
'getNetworkType',
'previewImage',
'onMenuShareTimeline',
'onMenuShareAppMessage'
],
success: function (res) {
},
fail:function(){
alert('抱歉您的微信版本有问题不支持分享功能!');
}
});
//分享接口
//监听“分享给朋友”
wx.onMenuShareAppMessage({
title: '速途网络热招岗位',
desc: '速途网络感谢您的关注!',
link: ':/',
imgUrl: /share.png',
trigger: function (res) {
//alert('用户点击发送给朋友');
},
success: function (res) {
//alert('已分享');
},
cancel: function (res) {
//alert('已取消');
},
fail: function (res) {
//alert(JSON.stringify(res));
}
});
// 监听“分享到朋友圈”按钮点击
wx.onMenuShareTimeline({
title: '速途网络热招岗位',
desc: '速途网络感谢您的关注!',
link: '',
imgUrl: '/share.png',
trigger: function (res) {
//alert('用户点击分享到朋友圈');
},
success: function (res) {
//alert('已分享');
},
cancel: function (res) {
//alert('已取消');
},
fail: function (res) {
// alert(JSON.stringify(res));
}
});
});
wx.error(function (res) {
//alert(res.errMsg);
});
},
error: function () {
}
});
}else{
//alert("对不起您不在微信浏览器中，不支持分享功能!");
return false;
}
});
//不过不知道为什么，试了半天这个方法我一直没有效果，好像接口链接不太对
二、
head里的title就是分享的问题
分享的图片，一般就是每页的body里面的第一张图片，300*300以上才行;
可以写个div，包含想要的img，然后设置div隐藏，img隐藏的话实现不了。
以上就是小编为大家整理的关于关于小程序分享页面的设置问题的内容。更多更精彩的内容请持续关注小程序商店。
相关阅读：
微信小程序怎么设置页面标题？
微信小程序表单提交怎么弄？
微信小程序按钮居中怎么弄？