


Einführung eines Drittanbieter-Entwicklungstools (WEPT) für WeChat-Miniprogramme
May 02, 2017 am 10:21 AMWeChat 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!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Das offizielle WeChat-Miniprogramm von Xianyu wurde stillschweigend gestartet. Im Miniprogramm k?nnen Sie private Nachrichten posten, um mit K?ufern/Verk?ufern zu kommunizieren, pers?nliche Informationen und Bestellungen anzuzeigen, nach Artikeln zu suchen usw. Wenn Sie neugierig sind, was ist das Xianyu WeChat Mini? Programm namens? Werfen wir einen Blick darauf. Wie hei?t das Xianyu WeChat-Applet? Antwort: Xianyu, Leerlauftransaktionen, Gebrauchtverk?ufe, Bewertungen und Recycling. 1. Im Miniprogramm k?nnen Sie inaktive Nachrichten posten, mit K?ufern/Verk?ufern über private Nachrichten kommunizieren, pers?nliche Informationen und Bestellungen einsehen, nach bestimmten Artikeln suchen usw. 2. Auf der Seite des Miniprogramms gibt es eine Homepage, in der N?he, Posten Sie Leerlauf, Nachrichten und meine 5 Funktionen. 3. Wenn Sie es nutzen m?chten, müssen Sie die WeChat-Zahlung aktivieren, bevor Sie es kaufen k?nnen.

Implementieren von Bildfiltereffekten in WeChat-Miniprogrammen Mit der Popularit?t von Social-Media-Anwendungen wenden Menschen immer h?ufiger Filtereffekte auf Fotos an, um den künstlerischen Effekt und die Attraktivit?t der Fotos zu verst?rken. Bildfiltereffekte k?nnen auch in WeChat-Miniprogrammen erzielt werden, wodurch Benutzer interessantere und kreativere Fotobearbeitungsfunktionen erhalten. In diesem Artikel wird erl?utert, wie Bildfiltereffekte in WeChat-Miniprogrammen implementiert werden, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die Canvas-Komponente im WeChat-Applet verwenden, um Bilder zu laden und zu bearbeiten. Die Canvas-Komponente kann auf der Seite verwendet werden

Um den Dropdown-Menüeffekt in WeChat-Miniprogrammen zu implementieren, sind spezifische Codebeispiele erforderlich. Mit der Popularit?t des mobilen Internets sind WeChat-Miniprogramme zu einem wichtigen Bestandteil der Internetentwicklung geworden, und immer mehr Menschen haben begonnen, darauf zu achten Verwenden Sie WeChat Mini-Programme. Die Entwicklung von WeChat-Miniprogrammen ist einfacher und schneller als die herk?mmliche APP-Entwicklung, erfordert jedoch auch die Beherrschung bestimmter Entwicklungsf?higkeiten. Bei der Entwicklung von WeChat-Miniprogrammen sind Dropdown-Menüs eine h?ufige UI-Komponente, um eine bessere Benutzererfahrung zu erzielen. In diesem Artikel wird detailliert beschrieben, wie der Dropdown-Menüeffekt im WeChat-Applet implementiert wird, und es werden praktische Informationen bereitgestellt

Das offizielle WeChat-Miniprogramm von Xianyu wurde stillschweigend gestartet. Es bietet Benutzern eine praktische Plattform, die es ihnen erm?glicht, ungenutzte Artikel einfach zu ver?ffentlichen und zu handeln. Im Miniprogramm k?nnen Sie über private Nachrichten mit K?ufern oder Verk?ufern kommunizieren, pers?nliche Informationen und Bestellungen einsehen und nach den gewünschten Artikeln suchen. Wie genau hei?t Xianyu im WeChat-Miniprogramm? Dieses Tutorial stellt es Ihnen im Detail vor. Benutzer, die es wissen m?chten, folgen bitte diesem Artikel und lesen Sie weiter! Wie hei?t das Xianyu WeChat-Applet? Antwort: Xianyu, Leerlauftransaktionen, Gebrauchtverk?ufe, Bewertungen und Recycling. 1. Im Miniprogramm k?nnen Sie inaktive Nachrichten posten, mit K?ufern/Verk?ufern über private Nachrichten kommunizieren, pers?nliche Informationen und Bestellungen einsehen, nach bestimmten Artikeln suchen usw. 2. Auf der Seite des Miniprogramms gibt es eine Homepage, in der N?he, Post-Leerlauf, Nachrichten und meine 5 Funktionen;

WeChat-Applet implementiert Bild-Upload-Funktion Mit der Entwicklung des mobilen Internets ist das WeChat-Applet zu einem unverzichtbaren Bestandteil des Lebens der Menschen geworden. WeChat-Miniprogramme bieten nicht nur eine Fülle von Anwendungsszenarien, sondern unterstützen auch vom Entwickler definierte Funktionen, einschlie?lich Funktionen zum Hochladen von Bildern. In diesem Artikel wird erl?utert, wie die Bild-Upload-Funktion im WeChat-Applet implementiert wird, und es werden spezifische Codebeispiele bereitgestellt. 1. Vorbereitende Arbeiten Bevor wir mit dem Schreiben von Code beginnen, müssen wir die WeChat-Entwicklertools herunterladen und installieren und uns als WeChat-Entwickler registrieren. Gleichzeitig müssen Sie auch WeChat verstehen

Um den Bildrotationseffekt im WeChat Mini-Programm zu implementieren, sind spezifische Codebeispiele erforderlich. Das WeChat Mini-Programm ist eine leichtgewichtige Anwendung, die Benutzern umfangreiche Funktionen und eine gute Benutzererfahrung bietet. In Miniprogrammen k?nnen Entwickler verschiedene Komponenten und APIs nutzen, um unterschiedliche Effekte zu erzielen. Unter diesen ist der Bildrotationseffekt ein g?ngiger Animationseffekt, der dem Miniprogramm interessante und visuelle Effekte verleihen kann. Um Bildrotationseffekte in WeChat-Miniprogrammen zu erzielen, müssen Sie die vom Miniprogramm bereitgestellte Animations-API verwenden. Das Folgende ist ein spezifisches Codebeispiel, das zeigt, wie das geht

Verwenden Sie das WeChat-Applet, um den Karussellwechseleffekt zu erzielen. Das WeChat-Applet ist eine leichtgewichtige Anwendung, die einfach und effizient zu entwickeln und zu verwenden ist. In WeChat-Miniprogrammen ist es eine h?ufige Anforderung, Karussellwechseleffekte zu erzielen. In diesem Artikel wird erl?utert, wie Sie mit dem WeChat-Applet den Karussell-Umschalteffekt erzielen, und es werden konkrete Codebeispiele aufgeführt. Fügen Sie zun?chst eine Karussellkomponente zur Auslagerungsdatei des WeChat-Applets hinzu. Sie k?nnen beispielsweise den Tag <swiper> verwenden, um den Schalteffekt des Karussells zu erzielen. In dieser Komponente k?nnen Sie b übergeben

Die Implementierung der Schiebel?schfunktion in WeChat-Miniprogrammen erfordert spezifische Codebeispiele. Aufgrund der Beliebtheit von WeChat-Miniprogrammen sto?en Entwickler w?hrend des Entwicklungsprozesses h?ufig auf Implementierungsprobleme. Unter diesen ist die gleitende L?schfunktion eine h?ufige und h?ufig verwendete Funktionsanforderung. In diesem Artikel wird detailliert beschrieben, wie die Schiebel?schfunktion im WeChat-Applet implementiert wird, und es werden spezifische Codebeispiele gegeben. 1. Anforderungsanalyse Im WeChat-Miniprogramm umfasst die Implementierung der Schiebel?schfunktion die folgenden Punkte: Listenanzeige: Um eine Liste anzuzeigen, die verschoben und gel?scht werden kann, muss jedes Listenelement enthalten sein
