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!