1. Wischen Sie in der Bildersammlung der Webseite nach links und rechts, um die Bilder anzuzeigen , wie im folgenden Beispiel gezeigt:
JS-Effekt
var Bilder = [];
angle.forEach(pitctures,function(k,i){
Bilder[i] = k.imgPath;
});
$scope.previewPics = function(currentUrl){
If (typeof window.WeixinJSBridge != 'undefiniert') {
//WeChat-Fotoalbumansicht
WeixinJSBridge.invoke('imagePreview', {
'current':currentUrl, //Aktuelle Adresse
'urls':pictures //Group
});
} sonst {
warning("Bitte checken Sie in WeChat ein", null, function () {});
}
}
Seitenelemente:
2. WeChat-Fensterschließereignis , das Beispiel ist wie folgt:
WeixinJSBridge.invoke('closeWindow',{},function(res){
//alert(res.err_msg);
});
3. Teilen Sie Weblinks mit Freunden, Moments und Weibo
var lineLink = 'http://../..',
imgUrl = 'http://../..',
shareTitle = 'Seitentitel',
descContent='Inhaltseinleitung',
appid = '';
//Bestimmen Sie, ob WeChat js unterstützt wird
if(typeof WeixinJsBridge == 'undefiniert'){
if(document.addEventListener){
document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
}else if(document.attachEvent){
document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
}
}else{
onBridgeReady();
}
Funktion onBridgeReady (){
WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//Freunde teilen
WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//Mit Momenten teilen
WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//Freunde teilen
}
Funktion wx_shareFriend (){
WeixinJsBridge.invoke('sendAppMessage',{
"appid":appid,
"img_url":imgurl,
"img_width":'640',
"img_height":'500',
"link":lineLink,
"desc":descContent,
„title“:shareTitle
},function(res){
console.log(res.err_msg);
}
});
}
Funktion wx_shareTimeline (){
WeixinJsBridge.invoke('sendTimeline',{
"appid":appid,
"img_url":imgurl,
"img_width":'640',
"img_height":'500',
"link":lineLink,
"desc":descContent,
„title“:shareTitle
},function(res){
console.log(res.err_msg);
}
})
}
Funktion wx_shareWeibo (){
WeixinJsBridge.invoke('sendWeibo',{
"appid":appid,
"img_url":imgurl,
"img_width":'640',
"img_height":'500',
"link":lineLink,
"desc":descContent,
„title“:shareTitle
},function(res){
console.log(res.err_msg);
}
})
}
4. Blenden Sie die Schaltfläche in der oberen rechten Ecke der Webseite aus
WeixinJsBridge.call('hideOptionMenu');
5. Blenden Sie die Navigationsleiste unten auf der Webseite aus
WeixinJsBridge.call('hideToolbar');
6. Holen Sie sich den aktuellen Netzwerkverbindungstyp:
WeixinJsBridge.invoke('getNetworkType',{},function(e){
console.log(e.err_msg);
})
7. Benutzern ist das Teilen
untersagt
WeixinJsBridge.invoke('disabledShare',{},function(e){
})
8. Bestimmen Sie, ob im integrierten WeChat-Browser geöffnet werden soll
// wahr oder falsch
var flag = WeixinApi.openInWeixin();
Die oben genannten 8 Punkte werden in diesem Artikel mit Ihnen geteilt. Ich hoffe, dass er für die Entwicklung von WeChat hilfreich sein wird.