wechat miniprogram examples herunterladen - wechat miniprogram examples Quellcode-Download

wechat miniprogram examples

AI-Quellcode

1.0.0

Herunterladen

Beispiel für ein WeChat Mini-Programm

[14.01.2019] Als ich kürzlich auf meinen eigenen Mini-Programmcode zurückblickte, kam mir vor, dass er etwas chaotisch war. Der Code war etwas unregelmäßig und der Stil war alt, also wollte ich mir etwas Zeit nehmen, ihn umzugestalten.
[09.09.2017] Meine aktuelle Arbeit hat nichts mit dem Miniprogramm zu tun, aber ich werde gelegentlich die API-Änderungen des Miniprogramms weiterverfolgen, um die normale Ausführung der Beispiele zu gewährleisten. Ich freue mich über jeden, der auf Probleme hinweist.
[03.11.2016] Das WeChat Mini-Programm erfreut sich in letzter Zeit großer Beliebtheit. Obwohl es immer noch im Umlauf ist, sehe ich immer noch viele Artikel zum Thema WeChat Mini-Programm. Da es so beliebt ist, möchte ich auch meine Freizeit nutzen versuchen zu lernen und etwas zu machen. Der Autor hat gerade seinen Abschluss gemacht und arbeitet erst seit 3 Monaten. Die tatsächlichen Entwicklungsfähigkeiten sind nicht mit denen von Daniel zu vergleichen, und der technische Inhalt der DEMO, die er erstellt hat, ist relativ gering. Mein persönliches Ziel ist es, jeden Lernprozess aufzuzeichnen und zu teilen Zeit mit allen. Ergebnisse nach dem Lernen. Da ich bei der Arbeit ziemlich beschäftigt bin, habe ich nur am Wochenende Zeit, die DEMO zu verbessern. Es sind mehrere DEMOs geplant und werden in Zukunft langsam aktualisiert.

Abdeckung

Änderungsprotokoll

[11.01.2020] Verwenden Sie die von https://github.com/zce/douban-api-proxy bereitgestellte Proxy-API, um Douban-Daten anzufordern
[20.04.2019] Ändern Sie die Proxy-Daten-Antwortlogik. Die Douban Books-API kann nicht mehr als Proxy verwendet werden und erfordert einen API-Schlüssel für den Zugriff.
```
{
    "msg" : " invalid_apikey " ,
    "code" : 104 ,
    "request" : " GET /v2/book/search "
}
```
[09.03.2019] Einige console löschen und über häufige Probleme sprechen:
Jedes Miniprogramm in diesem Projekt ist nicht mit appid konfiguriert. Wenn Sie das Projekt ausführen möchten, müssen Sie dem Projekt eine appid zuweisen. Andernfalls kann das Projekt die Vorschaufunktion des echten Geräts nicht verwenden Programm-APIs können möglicherweise nicht normal verwendet werden.
Einige Internetnutzer berichteten, dass das Programm nach dem Öffnen von Zhihu Daily in der IDE und dem Klicken auf „Kompilieren und Vorschau“ auf dem realen Computer nicht normal angezeigt werden konnte. Lösung: Nachdem Sie auf „Kompilieren und Vorschau“ geklickt haben, öffnet die reale Maschine automatisch das Miniprogramm. Klicken Sie auf die erste Menüschaltfläche in der oberen rechten Ecke des Miniprogramms und aktivieren Sie das Debuggen . Nach dem Neustart des Miniprogramms werden die Daten angezeigt Normalerweise ist die genaue Ursache dieses Problems unbekannt.
[19.01.2019] Rekonstruieren Sie das Zhihu Daily Mini-Programm mehr. Da die offizielle App keine thematischen Tagesberichte mehr enthält und die Schnittstelle keine thematischen Daten mehr zurückgeben kann, wurde die Logik im Zusammenhang mit den thematischen Tagesberichten dieses Mal entfernt Bildvorschauen und Kapselung wurden hinzugefügt. Wiederverwendbare UI-Komponenten, web-view und meine Favoritenseiten .
[16.01.2019] Refaktorieren Sie das Matter Assistant-Applet, konvertieren Sie den Code in ES6 und optimieren Sie den Datenoperationscode. Da das Applet nun wieder die Unterstützung für Promise übernimmt, wird diese Version von Bluebird entfernt.
[14.01.2019] Rekonstruieren Sie das Douban Books-Applet und konvertieren Sie den alten Code in ES6. Fügen Sie das server hinzu. Es gibt ein Proxy-Serverprogramm für die Douban Books-Schnittstelle. Sie können den Code in diesem Verzeichnis starten, um Anfragen für die Douban Books-Schnittstelle zu übertragen. ~~Es löst bis zu einem gewissen Grad das Problem, dass das WeChat-Applet die Douban-Buchschnittstelle nicht anfordern kann.~~ ( Diese Methode ist nicht mehr gültig. Für den Zugriff auf die Douban Books API ist jetzt ein Schlüssel erforderlich. Es gibt keine Lösung .)
~~Verwendung~~ ( ungültig )
~~Der Code des Douban-Schnittstellen-Proxyservers befindet sich im Verzeichnis DouBanBookApp/server .~~
~~Öffnen Sie die Befehlszeile und wechseln Sie in das aktuelle Verzeichnis. Wenn Sie dies zum ersten Mal ausführen, verwenden Sie bitte npm install um Abhängigkeiten zu installieren.~~
~~Verwenden Sie dann node index.js um es auszuführen.~~
Bitte stellen Sie vor der Ausführung sicher, dass Port 8081 nicht belegt ist, oder ändern Sie die Portnummer im Code. Wenn Sie diesen Server-Proxy verwenden, um die Douban Books-Schnittstelle anzufordern, verweisen Sie bitte den Schnittstellenpfad in api.js auf diese Serveradresse.
[31.03.2018] Das Problem mit der Bildanzeige und dem Fehler bei leeren Daten in Zhihu Daily wurde behoben. Außerdem wurde das Problem mit leeren Daten im Matter Assistant behoben. Da die Douban-Schnittstelle offiziell blockiert ist, gibt es derzeit keine direkte Lösung. Sie können online auf die Nginx-Proxy-Methode zurückgreifen.
[09.09.2017] Die Standard-IDE-Version für die Codeentwicklung wurde auf v1.0.1.170907 aktualisiert. Dabei wurde wx:key Attribut zu wx:for hinzugefügt, das ActionSheet-Verhalten des Sachverständigenassistenten geändert und das Anweisungsabbruchereignis angezeigt ( d. h. Promise's Catch). Ändern Sie bindchange in bindinput .
[23.08.2017] Das Problem der fehlgeschlagenen Datenanforderung der Douban Books Demo wurde behoben und Content-Type im header request in json oder html geändert.
[12.02.2017] Ändern Sie den Bildpfad des Zhihu Daily-Falls und beheben Sie das Problem, dass Zhihu-Bilder nicht abgerufen werden können. Die Bilderfassungsschnittstelle der Startschnittstelle ist eingeschränkt und es gibt derzeit keine Lösung!
[23.11.2016] Da die offizielle IDE auf Version 0.11.112301 aktualisiert wurde, wurde die Unterstützung für Promise entfernt, was dazu führte, dass事项助手nicht normal ausgeführt werden konnte. Um dieses Problem zu lösen, wurde die Kompatibilitätsbibliothek eines Drittanbieters Bluebird eingeführt Projekt zur Unterstützung Promise . Der Code wurde in den Projektcode integriert.
[16.11.2016] Der Case事项助手wurde aktualisiert, um mit der Entwicklung des WeChat Mini-Programms ES6 und den Matter Assistant-Tutorials zusammenzuarbeiten. Er stellt hauptsächlich die ES6-Entwicklungsmethode des Mini-Programms vor.
[31.10.2016] Das Miniprogramm知乎日报auf die neueste Version 0.10.102800 aktualisiert. Es wurde ein neuer Fallplan hinzugefügt Es wird zunächst als事项助手bezeichnet. Seine Hauptfunktion besteht darin, die Anzahl der Tage im Kalendermonat dynamisch anzuzeigen.
[29.10.2016] Aufgrund des unregelmäßigen offiziellen Upgrades der IDE wurden einige Funktionen des Miniprogramms geändert und entfernt, was dazu führte, dass die vorherigen Projekte nicht ordnungsgemäß ausgeführt wurden. Der aktuelle Code basiert auf der neuesten Version der IDE-Betriebsumgebung, nämlich Version 0.10.102800. Sie können zum Herunterladen klicken. Der Code wurde jedoch geändert, um ihn an die neueste Version der Entwicklungsumgebung anzupassen werden nicht mehr offiziell unterstützt, daher können die tatsächlichen Betriebsergebnisse von den in den Darstellungen gezeigten Ergebnissen abweichen.

dankbar

Nachdem der知乎日报Fall hochgeladen wurde, haben einige begeisterte Internetnutzer ihren eigenen Code beigesteuert, um viele Fehler zu beheben.

@jkgeekJack
Verschönern Sie einen Teil der Benutzeroberfläche, fügen Sie Sammlungsfunktionen hinzu, ändern Sie die Startseite, das Thema und die Sammlungsseiten in den Einzelseitenmodus, beheben Sie das Problem, dass einige Bilder nicht angezeigt werden können, überarbeiten Sie einige Codes und beheben Sie das Problem der Anzeige von Inhalts-Escape-Zeichen.

Beispiel-Applet

Matter-Assistent

Stellen Sie kurz die ES6-Entwicklungsmethode für kleine Programme vor und geben Sie abschließend den Ereignisassistenten als Demonstrationsbeispiel. Die Funktion des Ereignisassistenten ist relativ einfach und verfügt über eine Kalenderkomponente und eine einfache Funktion zum Speichern von Ereignisinformationen.


Titelseite	Datumsauswahl	Detailseite

Zhihu Daily

Douban Books ist ein Buchsuch-Applet, das einfach Netzwerkanfragen und ein einfaches Seitenlayout verwendet. Das Beispiel ist dieses Mal知乎日报, das mehr Funktionspunkte hat und die Seite komplexer ist als das vorherige Beispiel. Bevor ich diese DEMO geschrieben habe, hatten viele Internetnutzer bereits dieselbe DEMO erstellt, und sie waren alle sehr gut. Schließlich ist dieser Fall sehr klassisch und verfügt über eine relativ vollständige API, die es wert ist, nachgeahmt und erlernt zu werden. Diese DEMO kann als kleine Übung betrachtet werden.


Titelseite	Seitenleistenmenü	Detaillierte Seite


Einstellungsseite	Lange Rezension und kurze Rezension	meine Sammlung

Douban-Bücher

Ein sehr einfaches Beispiel, bei dem zwei Douban Books-APIs verwendet werden: die API zum Suchen nach Büchern und zum Abrufen von Buchdetails. Dies ist mein erstes WeChat-Miniprogramm.