Heim > Artikel > WeChat-Applet > Debuggen des WeChat-Applets
Das WeChat-Miniprogramm gibt es schon seit langem und ich habe vor kurzem begonnen, daran herumzubasteln. Da ich noch nie Front-End-Code geschrieben habe, ist dieser Blog-Beitrag auch eine Zusammenfassung meiner eigenen Erkundungen Ich hoffe, dass es für Studenten wie mich hilfreich sein kann, die keine Front-End-Erfahrung haben.
Der Applet-Veröffentlichungsprozess ist wie folgt:
Je nach den unterschiedlichen Bedürfnissen der Benutzer sind auch die Registrierungsanforderungen unterschiedlich:
Unternehmensentwickler, die über Informationen zur Unternehmensregistrierung verfügen, kann sich die Registrierungsgebühr von 500 leisten, damit das Miniprogramm veröffentlicht und gestartet werden kann;
Das Unternehmen bezahlt keine Programmierer, verfügt aber über Unternehmensregistrierungsinformationen und möchte keine Gebühren zahlen , aus Gründen der technischen Reserven;
Kein Geld, um mit Programmierern herumzuspielen, keine Firmenregistrierungsinformationen, keine Notwendigkeit, Gebühren zu zahlen, nur für technische Reserven
Benutzer des Typs 12 benötigen zunächst eine 非绑定个人帐号
E-Mail-Adresse auf der öffentlichen Plattform. Die Registrierungsschritte finden Sie in den offiziellen Dokumenten, die Sie ausfüllen müssen Unternehmensname und Registrierungsnummer der Geschäftslizenz. Da die App-ID für die Ausführung auf einem echten Gerät erforderlich ist, können Sie die WeChat-Zahlungsoption 300 wählen, aber noch nicht bezahlen.
Benutzer vom Typ 3 können nur die WeChat-Webentwickler-IDE herunterladen und Miniprogramme ohne App-IDs über den Simulator mit eingeschränkten Funktionen entwickeln und erleben. Das zur Registrierung des Miniprogramms verwendete Unternehmenskonto kann 个人帐号
als hinzugefügt werden Administrator: Der Administrator kann 10 Entwicklerkonten einladen, und jedes Unternehmenskonto verfügt über eine App-ID; Entwickler können über die WeChat-IDE und App-IDDebugging entwickeln und debuggen; Sie müssen den Server网络请求
Domänennamen im Hintergrund des Miniprogrammswie unten gezeigt konfigurieren:
als offizielle IDE bereit, Sie können die offizielle IDE hier herunterladen微信web开发者工具
Sie können die Demoversion hier herunterladen, die App-ID eingeben und sie über die offizielle IDE öffnen, um die unten gezeigte Benutzeroberfläche anzuzeigen:
Beamter der öffentlichen WeChat-Plattform;
Hub WeChat-Miniprogramm-Entwicklungsressourcenzusammenfassung, dies ist relativ vollständig;Douban-Filmdemo, meine Referenz zum Erlernen der Miniprogramm-Demo;
3 Da das offizielle Dokument bereits eine Einführung in das Framework enthält, werde ich es hier nach meinem eigenen Verständnis zusammenfassen. Wenn Sie dies sehen und das offizielle Dokument nicht gelesen haben, können Sie einen Blick auf mein werfen Zuerst verstehen und dann weitermachen.
EinführungAnhand der offiziellen Demo können Sie sehen, dass der Stammordner vorhanden ist der Projektname, und darunter befindet sich der Ordner . Jedes Geschäftsmodul erstellt einen separaten Unterordner von Seiten. Der Name von Ziwenjia lautet beispielsweise „component_one“ und die .js. json.w
xml in diesem Ordnerpages
Die offizielle Erklärung für den Ursprung des Ordnernamens und die Benennung von app.jsjsonwxss lautet: Ein kleines Programm enthält eine App, die das Gesamtprogramm beschreibt, und mehrere Seiten, die sie beschreiben jeweiligen Seiten.
Aus der obigen Tabelle ist ersichtlich, dass die globale app.js app.json ist erforderlich, und lokales .js.wxml ist erforderlich, wenn die Codemenge relativ gering ist, ähnlich wie bei der Douban-Filmdemo, alle Stylesheets können in app.wxss geschrieben werden, es wird jedoch dennoch empfohlen Um nach Unternehmen zu unterscheiden, überschreibt das JSONWXSS in den Seiten die gleichen Konfigurationselemente in app.jsonapp.wxss. Wenn der Seite ein optionaler Dateityp fehlt, verwendet die Seite direkt die entsprechende Konfiguration die App.
Aus der Perspektive von MVC
ist js der Controller, json ist die LogikKonfigurationsdatei, und wxml ist die einzige Ansicht des UI-Steuerelements , wxss ist eine Konfigurationsdatei, die nur die spezifischen Stile jedes Steuerelements in der Ansicht konfiguriert.
App() ist die Lebenszyklusmethode des Miniprogramms. Sie kann Geschäftslogik entsprechend jeder Phase des Miniprogrammlebens ausführen Zyklus. Sie können hier auch globale Variablen
Konfigurieren Sie das WeChat-Applet global, bestimmen Sie den Pfad der Auslagerungsdatei, die Fensterleistung und legen Sie das Netzwerk-Timeout fest , mehrere Tabs festlegen usw. Das Element mit Index=0 in Seiten[] wird verwendet, wenn das Applet geöffnet wird. Sie können hier auch die Debug-Funktion aktivieren app.wxss
app.wxss
app.wxml
Modulare Codestruktur
Wenn sich Klasse B
var aObj = require('../../IDK/A.js')
Da ich ein Front-End-Neuling bin, habe ich mich beim Schreiben der Demo daran orientiert zu offiziellen Dokumenten Programmierung
& orientiert an Baidu, orientiert an Google, orientiert am Stapel
Ansicht
bindScroll="Methodenname zum Abhören von Scroll-Ereignissen"
< block wx:for-items="{{datasources}}" wx:for- item= „a data“> Datenquelle binden;
Sie können die WeChat-Applet-API verwenden, um GetPost-Anfragen,
kann auch fetch.then
verwendet werden
5.2.2 Die Netzwerkanforderungsdaten der realen Maschine sind leer
Das obige ist der detaillierte Inhalt vonDebuggen des WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!