Einführung eines Drittanbieter-Entwicklungstools (WEPT) für WeChat-Miniprogramme

WeChat Mini-Programmentwicklungstool Entwicklungstool von Drittanbietern WEPT, Hauptfunktionen von WEPT: Echtzeit-Updates, Unterstützung von WXML WXSS Javascript JSON stabiler, im Gegensatz zu offiziellen Tools, die oft Fehler machen, keine Einschränkungen, keine Verbindung zum Internet erforderlich , keine Back-End-Konfiguration CORS, unterstützt mobiles Surfen.

Projektadresse: github.com/chemzqm/wept

WEPT-Hauptfunktionen:

Echtzeit-Update, Unterstützung von WXML WXSS Javascript JSON

Stabiler, im Gegensatz zu offiziellen Tools, die oft schief gehen

Keine Einschränkungen, keine Verbindung zum Internet erforderlich, keine Notwendigkeit, CORS im Backend zu konfigurieren, unterstützt das Debuggen mobiler Browser

Persönlicher Test verfügbar Wenn Sie auf Mac und Win7 auf Fehler stoßen, können Sie gerne ein Problem auf Github eröffnen.

Detaillierte Einführung

WEPT ist eine Echtzeit-Laufumgebung für WeChat-Miniprogramme. Im Vergleich zu den derzeit offiziell bereitgestellten Entwicklertools verfügt es über die folgenden Funktionen:

1. Vollständig in Echtzeit: Es unterstützt vollständig die automatische Hot-Aktualisierung von WXML-, WXSS-, Javascript- und JSON-Dateien. Nachdem die Datei gespeichert wurde, werden die entsprechenden Änderungen automatisch in die laufende Umgebung des Miniprogramms übernommen Um den Betrieb überhaupt neu zu erstellen oder neu zu starten (es sei denn, app.json wird geändert), ist keine Aktualisierung erforderlich. Da keine Aktualisierung erfolgt, müssen Entwickler keine Zeit mehr damit verschwenden, die Schnittstelle zu bedienen, um den Seitenstatus vor der Änderung zu reproduzieren. Der gesamte Prozess unterstützt mehrere Terminals gleichzeitig.

2. Stabiler: Der Miniprogramm-Erstellungsprozess ist stabiler als offizielle Tools. Es werden nicht häufig Fehler gemeldet, die bei der Appservice-Bereitschaft auftreten, oder sogar direkt abstürzen, wenn ein Fehler im Hintergrund oder beim Erstellen eines Miniprogramms auftritt , es wird sofort eine Fehlererinnerung auf der Seite angezeigt. Wenn Sie Growl oder Terminal-Notifier installiert haben, wird auch eine Fehlererinnerung auf dem Desktop angezeigt.

3. Keine Einschränkungen: Die von WEPT generierten Miniprogrammseiten können auf mobilen Browsern ausgeführt werden und erfordern für ihre Nutzung keine Internetverbindung. Es verwendet ein benutzerdefiniertes Proxy-Protokoll, um XHR-Anfragen hinter den Kulissen weiterzuleiten, sodass Entwickler Fehler beheben können, ohne Backend-CORS zu konfigurieren.

4. Zusätzlich zur Unterstützung aller offiziell unterstützten APIs implementiert WEPT auch Schwerkrafterkennungs- und Kompass-APIs. Sie können auf mobilen Browsern debuggen, die die entsprechende HTML5-Schnittstelle unterstützen.

Implementierungsprinzip

Einfach ausgedrückt handelt es sich um einen Webdienst, der über die WebSocket-Schnittstelle in Echtzeit mit dem Front-End kommuniziert. Die erforderlichen Dateien werden dynamisch kompiliert, wenn der Back-End-Dienst angefordert wird.

Das Front-End implementiert die Mehrparteien-Kommunikations- und Steuerlogik der Seiten der Ansichtsschicht, der Dienstschicht und der Steuerschicht über iframe.

Die Front-End-View-Layer- und Service-Layer-Codes stammen aus der neuesten Version der WeChat-Entwicklertools (derzeit 101100,

leicht modifiziert, um Iframe-Kommunikation und automatische Updates zu unterstützen ), Steuerung Die Ebenenseite wird vollständig neu implementiert, wobei ein wenig React

für die UI-Statussynchronisierung verwendet wird.

Installation und Verwendung

1. Bitte stellen Sie sicher, dass die Version größer als 6.0 ist.

2. Dann in einem beliebigen Verzeichnis ausführen:

3.npm install -g wept

4 Nach Abschluss der Installation im Projektstammverzeichnis ausführen, offizielle Demo Download:

5.wept

Sie können den Dienst starten, besuchen Sie localhost:3000, um mit dem Debuggen zu beginnen (es wird empfohlen, Chrome Developer Devtools zu verwenden, um das Debuggen im Startmodus zu aktivieren),

Sie können es auch über den -p-Parameter Port ändern, zum Beispiel:

wept -p 4000

Denken Sie daran, für den mobilen Zugriff die LAN-IP-Adresse Ihres Computers zu verwenden.

API-Supportstatus

Das Folgende ist der aktuelle Supportstatus aller Miniprogramm-APIs:

✓ app.json-Fenstereinstellungen

✗ Zahlung einleiten: das gleiche wie das offizielle Tool ohne Appid-Status und kann nicht verwendet werden

✓ Schnittstellentitel festlegen

✓ Animation zum Laden der Titelleiste

✓ Seite springen

✓ Nach unten ziehen, um zu aktualisieren

✓ Animation erstellen

✓ Leinwandgemälde erstellen

✓ Mobilfunkstatus abrufen: Standardmäßig zum WLAN zurückkehren

✓ Informationen zum Mobiltelefonsystem abrufen: Wie das offizielle Tool, zur Simulation zurückkehren

✓ Überwachung von Schwerkrafterfassungsdaten: Unterstützt das Debuggen mobiler Browser wie Safari Mobile, das offizielle Tool (101100) unterstützt nicht

✓ Überwachung von Kompassdaten: Unterstützt Safari Mobile. Warten auf das Debuggen des mobilen Browsers. Das offizielle Tool (101100) unterstützt keine

✓ Anforderungsanforderungsschnittstelle

✓ Websocket-Schnittstelle

✓ Dateien hoch- und herunterladen

✓ Datei speichern

✓ Bild auswählen/Vorschau anzeigen

✓ Video auswählen

✓ Aufnahme-API

✓ Audiowiedergabesteuerung

✓ Hintergrundmusiksteuerung

✓ Aktuellen Standort abrufen

✓ Native Karte verwenden, um den Standort anzuzeigen

✓ Speichersynchrone API

✓ Asynchrone Speicher-API

Zukunftsplan

Unterstützung für Bildvorschaufunktionen

WXML-, Speicher- und AppData-Entwicklertool-Panel-Unterstützung

Bereitstellen Desktop-Tool-Unterstützung

Das obige ist der detaillierte Inhalt vonEinführung eines Drittanbieter-Entwicklungstools (WEPT) für WeChat-Miniprogramme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!