Implementierung der Funktion zum Speichern von Bildern und Teilen im Freundeskreis im Miniprogramm

Dieses Mal werde ich Ihnen die Implementierung der Funktion des Miniprogramms zum Speichern und Teilen von Bildern in Moments vorstellen. Welche Vorsichtsmaßnahmen gibt es für die Implementierung der Funktion des Miniprogramms zum Speichern und Teilen von Bildern in Moments? Werfen wir einen Blick darauf.

Erklärung

Erstens ist es unmöglich, Momente direkt im Rahmen des Miniprogramms zu teilen. Daher können wir nur Bilder generieren, den QR-Code des Miniprogramms übertragen, sie im Handyalbum speichern und den Benutzern die Möglichkeit geben, sie an ihren Freundeskreis zu senden. Anschließend können Sie die vorgesehene Seite des Miniprogramms aufrufen, indem Sie den QR-Code im Miniprogramm identifizieren. Bezogen auf die Anwendungen auf dem Markt, die das Teilen unterstützen, werden diese grundsätzlich auf diese Weise implementiert.

Vorbereitungsphase

1. Erhalten Sie den Applet-Code über den Server

Sie können darauf verweisen Dazu gibt die offizielle Dokumentation von WeChat Parameter, Pfade und andere Informationen für das Backend an, die es dem Backend ermöglichen, den angegebenen Miniprogrammcode zu generieren. Rufen Sie dann wx.getImageInfo auf, um den im Hintergrund generierten kleinen Programmcode zu speichern.

Lesen Sie unbedingt die WeChat-Dokumentation sorgfältig durch. Wenn der offizielle Server zum Generieren des Miniprogrammcodes nicht vorhanden ist, schlägt die Generierung fehl. Dies ist auch sehr ärgerlich und sehr umständlichDebugging.

wx.getImageInfo({            
  src:'https://xxx.jpg',//服务器返回的带参数的小程序码地址
  success: function (res) {
    //res.path是网络图片的本地地址
    qrCodePath = res.path;
  },
  fail: function (res) {
    //失败回调
  }
});

1. Zeichnen Sie die erforderlichen Informationen durch die Leinwand

Nachdem Sie alle Bilder vorbereitet haben, können Sie sie durch die Leinwand zeichnen und die Leinwand dann als Bild exportieren. In Bezug auf das Zeichnen können Sie sich auf die Canvas-API von WeChat beziehen. Die folgenden basieren im Wesentlichen auf den API-Methoden.

Es gibt mehrere Punkte, die beachtet werden müssen.

1. Ich kenne die Länge des gezeichneten Textes nicht, daher weiß ich nicht, wann der Text umbrochen werden soll. Daher sind die mehrzeiligen Daten möglicherweise auf 18 Zeichen festgelegt pro Zeile.

2. Es geht um den Export gezeichneter Bilder, der im Callback der draw()-Vervollständigung erfolgen soll. Der Rückruf wird nie abgeschlossen. Ich weiß nicht, was schief gelaufen ist. Am Ende musste ich also eine Verzögerung hinzufügen, um das Bild zu speichern.

canvasCtx.draw(false,function(res){
});

Schauen Sie sich zum Schluss die Renderings an.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Das obige ist der detaillierte Inhalt vonImplementierung der Funktion zum Speichern von Bildern und Teilen im Freundeskreis im Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!