WeChat Mini-Programmentwicklung (1) Einführung in die WeChat-Entwicklertools und das Mini-Programm-Framework

Vorwort

Das schon immer lauwarme WeChat-Miniprogramm hat 2018 seinen zweiten Frühling eingeläutet. Dutzende Millionen WeChat-Miniprogramme entstanden vor unseren Augen. Nach dieser großen Welle begann auch mein Unternehmen, einen Teil seiner Anforderungen auf WeChat-Miniprogramme zu übertragen. Als Nächstes werde ich Ihnen den Entwicklungsprozess eines aktuellen Applets „Kalender-Check-in“ und die in einigen Artikeln aufgetretenen Probleme vorstellen. Verwandte kostenlose Lernempfehlungen: WeChat Mini-Programmentwicklung (1) WeChat-Entwicklertools

Das Mini-Programmteam hat sein eigenes Entwicklungstool gestartet – WeChat-Entwicklertools. Derzeit sind WeChat-Entwicklertools noch verfügbar Im Prozess der kontinuierlichen Verbesserung ist bei der Entwicklung kleiner Programme häufig eine ständige Aktualisierung erforderlich. Es gibt auch viele Artikel im Forum, die sich darüber beschweren, und es gibt viele Fehler. Der Autor wurde während des Entwicklungsprozesses auch davon getäuscht. Der Autor ist ein Android-Entwickler und mit dieser Art der visuellen Programmierung vertraut, daher hat er sich nicht für Webstrom oder andere Entwicklungstools entschieden. Als nächstes werde ich die Grundfunktionen der WeChat-Entwicklertools vorstellen.

1. Modellauswahl: Das Miniprogramm verwendet die Bildschirmgröße von IPhone6 als Designstandard, sodass die UI-Dame das Bild entsprechend der Bildschirmgröße von IPhone6 zuschneiden kann.
2. Vorschauschnittstelle: Klicken Sie nach dem Schreiben des Ansichtslayouts auf „Kompilieren“. Die Ansichtsschnittstelle wird aktualisiert und angezeigt. Laden Sie die erforderlichen Schritte auf den Tencent-Server hoch, um sie zur Überprüfung einzureichen. Sie können die Versionsnummer und Anmerkungsinformationen eingeben
3. 5-1: Codegröße, WeChat-Limit 2M
oder weniger. 5-2: ES-Syntaxkonvertierung. Informationen zu legalen Domänennamen werden während der Entwicklung im Allgemeinen nicht überprüft. 5-3: Informationen zum Domänennamen: Das Backend des Miniprogramms muss den Domänennamen des Servers konfigurieren, einschließlich
4. Request-Domänenname, Socket-Domänenname und
UploadFile
5. - und DownloadFileDomänenname. Hinweis: Anforderungen für das Domänennamen-Applet müssen https Konsole sein: Ausgabeinformationen drucken, um das Debuggen zu erleichternRessourcendatei: Das dem Projekt entsprechende Dateiverzeichnis kann im Allgemeinen hier erstellt werden Haltepunkt-Debugging
Lokaler Datenspeicher: Zeigt lokal gespeicherte Daten an, und die entsprechende zugehörige API ist
7. wx.setStorageSync(key, data)
8. Debugging anzeigen: Standardkomponente Präsentiert in Hierarchische Kinder-Eltern-Struktur für einfaches Debuggen.
Die oben genannten Funktionen der WeChat-Entwicklertools werden auch ständig verbessert.
9. Um die Entwicklungseffizienz in Zukunft zu verbessern, müssen wir dies auch tun Verbesserung des Entwicklungsprozesses. Generalleutnant wird die aufgetretenen Probleme weiterhin an das Mini-Programmteam zur Optimierung weiterleiten. Ich hoffe, dass alle eine integrative Haltung einnehmen. Während des Entwicklungsprozesses können Sie auch andere Entwicklungstools entsprechend Ihren eigenen Gewohnheiten auswählen. (2) Einführung in das Miniprogramm-Framework und die Verzeichnisstruktur

• Logikschicht
  
  

  Die Logikschicht des kleinen Programmentwicklungsframeworks ist in JavaScript geschrieben. Die Logikschicht verarbeitet die Daten und sendet sie an die Ansichtsschicht und akzeptiert gleichzeitig Ereignisrückmeldungen von der Ansichtsschicht. Die Logikschicht entspricht der js-Datei jeder Seite. Das System stellt eine Reihe von Methoden bereit, z. B.: SeitenlebenszyklusonLoad(),onShow(),onHide() , Warten, zum Aktualisieren nach unten ziehen onPullDownRefresh(), Seite nach unten (zum Laden nach oben ziehen) onReachBottom()-Methode, Freigabefunktion onShareAppMessage() usw.

  
  
• Ansichtsebene
  
  

  Die Ansichtsebene des Frameworks wird von wxml und wxss geschrieben und nach Komponenten angezeigt. Reflektieren Sie die Daten der Logikschicht in der Ansicht und senden Sie die Ereignisse der Ansichtsschicht an die Logikschicht. wxml besteht aus Komponenten, die vom Miniprogramm bereitgestellt werden, wxss ist der css -Stil.
  
  

  Die
• App-Datei
  
  <span style="color:rgb(199,37,78);font-family:Consolas, Inconsolata, Courier, monospace;letter-spacing:.2px;background-color:rgb(249,242,244);">app.json </span>-Datei wird verwendet, um das WeChat-Applet global zu konfigurieren, den Pfad der Seitendatei und die Fensterleistung zu bestimmen, das Netzwerk-Timeout festzulegen, mehrere Registerkarten festzulegen usw. Die JSON-Datei der Seite wird im Allgemeinen zum Konfigurieren der Fensterleistung der aktuellen Seite verwendet. app.js wird verwendet, um globale Variablen wie baseUrl bereitzustellen. app.wxss durch das Schreiben öffentlicher Methoden. Andere Seitenaufrufe.
  
  (3) Fazit
• 
  
  
  In diesem Artikel werden die WeChat-Entwicklertools und das Mini-Programm-Framework sowie die WeChat-Entwicklungsdokumentation kurz vorgestellt. Die Einführung in verwandte Funktionen ist sehr detailliert. Als nächstes beginnen wir mit der Entwicklung eines Kalender-Check-in-Applets.

Verwandte Lernempfehlungen: Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonWeChat Mini-Programmentwicklung (1) Einführung in die WeChat-Entwicklertools und das Mini-Programm-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!