Detaillierte Einführung in die WeChat-Applet-Download-Tools und das Debugging

Gestern hat das WeChat-Team WeChat Mini Program Developer Tools, WeChat Mini Program Development Documents und WeChat Mini Program Design Guide veröffentlicht. Brandneue Entwicklertools integrieren Entwicklungs- und Debugging-, Codebearbeitungs- und Programmfreigabefunktionen, um Entwicklern bei der Entwicklung von WeChat zu helfen Miniprogramme einfach und effizient. Das Folgende ist das offizielle Dokument, das die Download-Adresse der Miniprogramm-Entwicklertools und die Debugging-Anleitung enthält.

Download-Adresse: Entwicklertools Version 0.9.092300
Windows-Version 64; Windows-Version 32; Mac-Version

Um Entwicklern bei der einfachen und effizienten Entwicklung von WeChat-Applets zu helfen, haben wir es gestartet ein neues Entwicklertool, das Funktionen wie Entwicklung und Debugging, Codebearbeitung und Programmfreigabe integriert.

Devtools

Code scannen, um sich anzumelden

Beim Starten des Tools müssen Entwickler die WeChat-ID verwenden, die erfolgreich im Hintergrund gebunden wurde, um den zu scannen QR-Code zum Anmelden. Alle weiteren Vorgänge basieren auf diesem WeChat-Konto

Es gibt drei Hauptfunktionsbereiche für das Programm-Debuggen: Simulator, Debugging-Tools und kleiner Programmbetriebsbereich

Simulator

Simulator Simuliert die tatsächliche logische Leistung des WeChat-Applets auf dem Client und kann für die meisten APIs den korrekten Status auf dem Simulator darstellen.

emulat

Debugging-Tool

Das Debugging-Tool ist in 6 Funktionsmodule unterteilt: Wxml, Konsole, Quellen, Netzwerk, Appdata, Speicher und

3Wxml Pannel

Wxml Pannel wird verwendet, um Entwicklern bei der Entwicklung von Wxml-konvertierten Schnittstellen zu helfen. Hier können Sie die tatsächliche Seitenstruktur und die der Struktur entsprechenden WXSS-Attribute sehen. Gleichzeitig können Sie die entsprechenden WXSS-Attribute ändern und die Änderungen im Simulator in Echtzeit sehen. Über die Auswahl in der oberen linken Ecke des Debugging-Moduls können Sie auch schnell den WXML-Code finden, der der Komponente auf der Seite entspricht.

wxml
Sources Pannel

Sources Pannel wird verwendet, um die Skriptdateien des aktuellen Projekts anzuzeigen. Anders als bei der Browserentwicklung kompiliert das WeChat-Applet-Framework die Skriptdateien, also im Dateien, die Entwickler im Quellenbereich sehen, sind verarbeitete Skriptdateien. Der Code des Entwicklers wird in die Definitionsfunktion eingebunden, und für den Seitencode wird am Ende ein aktiver Aufruf erforderlich sein.

Quellen
Netzwerk-Pannel

Netzwerk-Pannel wird verwendet, um Anforderungs- und Socket-Anforderungsbedingungen zu beobachten und anzuzeigen

Netzwerk
Appdaten-Pannel

Appdaten Das Panel dient zur Anzeige der aktuellen appdata-spezifischen Daten des aktuellen Projekts und zur Bereitstellung von Echtzeit-Feedback zu den Projektdaten. Die Daten können hier bearbeitet und zeitnah an die Schnittstelle zurückgemeldet werden.

appdata
Storage Pannel

Storage Pannel wird verwendet, um den Datenspeicherstatus des aktuellen Projekts nach der Verwendung von wx.setStorage oder wx.setStorageSync anzuzeigen.

Speicher
Konsolenpannel

Konsolenpannel hat zwei Hauptfunktionen:

Entwickler können hier Code eingeben und debuggen

Konsole

Die Fehlerausgabe des Miniprogramms wird hier angezeigt

4 Miniprogramm-Betriebsbereich

Der Miniprogramm-Betriebsbereich hilft Entwicklern, einige Client-Umgebungsvorgänge zu simulieren. Wenn der Benutzer beispielsweise vom Miniprogramm zum Chatfenster zurückkehrt, wird eine API ausgelöst, die auf den Hintergrund des Miniprogramms eingestellt ist.

5 Wenn das Miniprogramm mehrere Fenster verwendet, können Sie die Seiten im oberen Bedienbereich wechseln. Es ist zu beachten, dass dieser Vorgang nur der Bequemlichkeit der Entwickler dient wird im echten WeChat-Client nicht verfügbar sein.

Der Bearbeitungsbereich kann zum Schreiben von Code für das aktuelle Projekt verwendet werden und gleichzeitig können grundlegende Hinzufügungen, Löschungen und Umbenennungen von Dateien durchgeführt werden.

Das Tool bietet derzeit vier Arten der Dateibearbeitung: wxml wxss js json
Automatische Vervollständigung

Wie die meisten Editoren bieten wir eine vollständige automatische Vervollständigung

Wird häufig verwendet Tastenkombinationen

Formatanpassung

Strg+S: Datei speichern
Strg+[, Strg+]: Codezeileneinrückung
Strg+Umschalt+[, Strg+Umschalt+]: Falten und öffnen Sie den Codeblock
Strg+C Strg+V: Kopieren und Einfügen. Wenn kein Text ausgewählt ist, kopieren Sie eine Zeile und fügen Sie sie ein
Umschalt+Alt+F: Codeformatierung
Alt+Aufwärts, Alt +Runter: Eine Zeile nach oben und unten verschieben
Umschalt+Alt+Hoch, Umschalt+Alt+Runter: Eine Zeile nach oben und unten kopieren
Strg+Umschalt+Eingabetaste: Eine Zeile oberhalb der aktuellen Zeile einfügen

Cursorbezogen

Strg+Ende: An das Ende der Datei bewegen
Strg+Pos1: An den Anfang der Datei bewegen
Strg+i: Aktuelle Zeile auswählen
Umschalttaste +Ende: Vom Cursor bis zum Ende der Zeile auswählen
Umschalt+Pos1: Vom Zeilenanfang bis zum Cursor auswählen
Strg+Umschalt+L: Alle Treffer auswählen
Strg+D: Auswählen Übereinstimmungen
Strg+U: Cursor-Rollback

Das Projektverzeichnis zeigt einige Details des aktuellen Projekts, einschließlich Symbole, App-ID, Verzeichnisinformationen usw.

Klicken Sie auf die Vorschaufunktion. Das Tool kompiliert und erstellt automatisch ein Codepaket zum Hochladen auf den WeChat-Server. Nach Erfolg wird ein QR-Code angezeigt von WeChat, um den QR-Code auf ihren Mobiltelefonen zu scannen. Sehen Sie sich die tatsächliche Leistung des entsprechenden Projekts an

Es ist zu beachten, dass die Code-Upload-Funktion während des internen Testzeitraums nur mit der WeChat-ID des Administrators bedienbar ist.

Das Obige ist die Sammlung von Informationen zum Debuggen des WeChat-Applet-Download-Tools. Wir werden in Zukunft relevante Informationen hinzufügen. Vielen Dank für Ihre Unterstützung dieser Website.

Eine ausführlichere Einführung in die WeChat-Applet-Download-Tools und Artikel zum Debuggen finden Sie auf der chinesischen PHP-Website!