Heim  >  Artikel  >  Web-Frontend  >  Im WeChat-Browser integriertes JavaScript-Objekt, Verwendungsbeispiel_Javascript-Kenntnisse von WeixinJSBridge

Im WeChat-Browser integriertes JavaScript-Objekt, Verwendungsbeispiel_Javascript-Kenntnisse von WeixinJSBridge

WBOY
WBOYOriginal
2016-05-16 15:57:471931Durchsuche

Die öffentliche WeChat-Plattform hat damit begonnen, Front-End-Webseiten zu unterstützen, z. B. „Mit Momenten teilen“ und „WeChat folgen“. Wenn Sie darauf klicken, wird ein Fenster zum Teilen und Verfolgen geöffnet. Wie wird dies erreicht? Heute erkläre ich Ihnen, wie Sie „Teilen“ zu Moments hinzufügen, der WeChat-ID folgen und andere Schaltflächen auf der Front-End-Webseite der öffentlichen WeChat-Plattform verwenden.

1. Integrierter WeChat-Browser

Durch das Remote-Debuggen der WeChat-eigenen Webseite auf dem iPhone über den Mac können wir feststellen, dass der eingebettete Browser von WeChat ein privates JavaScript-Objekt definiert: WeixinJSBridge. Durch Ausführen der relevanten Methoden dieses Objekts können wir es mit WeChat Moments teilen und einen WeChat-Freund beurteilen . Der Aufmerksamkeitsstatus des Signals und die Realisierung von Funktionen wie dem Verfolgen des angegebenen WeChat-Kontos.

2. js-Funktion: Mit Momenten teilen

Code kopieren Der Code lautet wie folgt:

Funktion weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke(‘shareTimeline’,{
"img_url":imgUrl,
//"img_width": "640",
//"img_height":"640",
"link":link,
„desc“: absteigend,
"title":title
});
}

3. js-Funktion: An Freunde senden

Code kopieren Der Code lautet wie folgt:

Funktion weixinSendAppMessage(title,desc,link,imgUrl){
WeixinJSBridge.invoke('sendAppMessage',{
//"appid":appId,
"img_url":imgUrl,
//"img_width": "640",
//"img_height":"640",
"link":link,
"desc":desc,
"title":title
});
}

4. js-Funktion: Auf Tencent Weibo teilen

Code kopieren Der Code lautet wie folgt:

Funktion weixinShareWeibo(title,link){
WeixinJSBridge.invoke(‘shareWeibo’,{
"content":Titellink,
"url":link
});
}

5. js-Funktion: Folgen Sie dem angegebenen WeChat-Konto

Code kopieren Der Code lautet wie folgt:


Funktion weixinAddContact(name){
WeixinJSBridge.invoke(“addContact”, {webtype: “1″,username: name}, function(e) {
WeixinJSBridge.log(e.err_msg);
//e.err_msg:add_contact:added wurde hinzugefügt
//e.err_msg:add_contact:cancel Hinzufügen abbrechen
//e.err_msg:add_contact:ok Erfolgreich hinzugefügt
if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){
//Folgen erfolgreich, oder sind bereits gefolgt
}
})
}
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn