Implementierung der sekundären Freigabe von HTML5-Seiten

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur Implementierung der sekundären Freigabe von HTML5-Seiten vor. Ich hoffe, dass er für Freunde in Not hilfreich ist.

Sekundäres Teilen ist für H5-Seiten sehr wichtig. Schließlich verwenden QQ oder WeChat nach dem Versenden üblicherweise eine eigene Freigabefunktion. Anders als auf der PC-Seite kopiert der PC die Adresse direkt. Ich habe vor zwei Tagen Einladungen gemacht und bin auf viele Fehler gestoßen. Persönliche Entwicklung und Unternehmensentwicklung sind immer noch unterschiedlich. Im Nachtrag einer Einladung sollten verschiedene Probleme erwähnt werden. Kommen wir zur Sache.

Sekundäre Freigabe von WeChat

Die Dokumentation von WeChat ist ziemlich gut. Wenn Sie den gesamten Artikel lesen, können Sie im Grunde viele Fallstricke vermeiden (denken Sie daran, dass WeChat-Dokumente verwendet werden, um einige Fallstricke am Ende aufzuschreiben, anstatt sie zusammenzufügen)

Lass uns zuerst Sprechen Sie darüber, wie dies auf WeChat funktioniert. Sekundäre Freigabe

Dokumentadresse durch Einführung der offiziellen API. Das Dokument ist gut geschrieben, geben Sie es einfach weiter shareInfo.

<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: sign.appid, // 必填，公众号的唯一标识
    timestamp: sign.timestamp, // 必填，生成签名的时间戳
    nonceStr: sign.nonceStr, // 必填，生成签名的随机串
    signature: sign.signature, // 必填，签名，见附录1
    jsApiList: [
            &#39;onMenuShareTimeline&#39;,
            &#39;onMenuShareAppMessage&#39;,
            &#39;onMenuShareQQ&#39;,
            &#39;onMenuShareWeibo&#39;,
            &#39;onMenuShareQZone&#39;
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function() {
    wx.showOptionMenu();
    wx.onMenuShareAppMessage(shareInfo); //获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
    wx.onMenuShareTimeline(shareInfo); //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
    wx.onMenuShareQQ(shareInfo); //获取“分享到QQ”按钮点击状态及自定义分享内容接口
    wx.onMenuShareWeibo(shareInfo); //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
    wx.onMenuShareQZone(shareInfo); //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
});

Gibt es irgendwelche Fallstricke beim sekundären Teilen auf WeChat?

Hä? Ich habe es richtig geschrieben, warum funktioniert es nicht? Im Dokument ist keine Anforderung aufgeführt?

Überprüfen Sie zunächst die Berechtigungen der WeChat-Öffentlichkeitsplattform und stellen Sie fest, dass diejenigen, die keine Berechtigungen haben, darauf hingewiesen werden, dass sie nicht erhalten wurden. Anschließend wird die WeChat-Authentifizierung angezeigt. Was wurde oben gesagt? Die Dokumentation von WeChat kann später eingesehen werden und es gibt allgemeine Anweisungen. Dies ist der folgende Satz, dann tritt das Problem auf, dass das persönliche Konto nicht authentifiziert werden kann.

Kann nicht sowohl auf iOS als auch auf Android geteilt werden (bitte bestätigen Sie, dass das offizielle Konto authentifiziert wurde. Nur zertifizierte offizielle Konten haben die Berechtigung, zugehörige Schnittstellen freizugeben. Wenn es tatsächlich authentifiziert ist, überprüfen Sie, ob sich die Abhörschnittstelle im befindet wx.ready-Rückruffunktion (in der Mitte ausgelöst)

Informationen zur API-Anpassungsfehlersortierung

• invalid url domain, mein Problem ist das Der sichere js-Domänenname ist nicht gelöst

• invalid url signature, mein Problem ist, dass jsapi_ticket nicht aktualisiert wurde

• WeChat JS-Schnittstelle Tool zur Signaturüberprüfung

Lassen Sie uns über das Dokument für die zweite QQ-Freigabe sprechen

Das im Internet zirkulierende Dokument, um welche API handelt es sich, I habe es versucht, aber es funktioniert nicht. Geben Sie die Adresse ein und die endgültige Wartung beträgt etwa 15 Jahre.

So richten Sie die sekundäre Freigabe ein

Die wissenschaftlichste Methode ist die Verwendung von Meta-Tags.

<meta itemprop="name" content="标题" />
<meta itemprop="image" content="副标题" />
<meta name="description" itemprop="description" content="分享图" />

Gibt es etwas, worauf Sie achten sollten?

Dieses Meta-Tag kann nicht später hinzugefügt werden, es muss vorhanden sein, wenn Sie die Seite betreten, was bedeutet, dass Sie nur die Hintergrundvorlage verwenden können. Andernfalls können einige Android niedrigere Versionen die Zusammenfassung nicht abrufen (ja, einige Mobiltelefone können sie dynamisch abrufen) und iOS wird nicht unterstützt.

Tatsächlich sind technische Artikel zeitkritisch

Dieser Artikel wurde am 30. Juli 2018 geschrieben

Getestet am 30. Juli 2018

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Tutorials finden Sie unter Html5-Video-Tutorial!

Verwandte Empfehlungen:

PHP-Video-Tutorial zum Gemeinwohltraining

HTML5-Grafik-Tutorial

HTML5 Online-Handbuch

Das obige ist der detaillierte Inhalt vonImplementierung der sekundären Freigabe von HTML5-Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!