Heim > WeChat-Applet > Mini-Programmentwicklung > WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

高洛峰
Freigeben: 2017-02-10 11:37:30
Original
2643 Leute haben es durchsucht

Als Tencent das WeChat-Miniprogramm startete, brachte es auch seine eigenen Entwicklungstools auf den Markt. Leser können die neueste Version der Entwicklungstools unter der unten angegebenen Adresse herunterladen.

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1477656486010

Diese Reihe von Entwicklungstools unterstützt derzeit Windows 32-Bit und Windows 64-Bit sowie Mac OS X-System, Leser müssen die entsprechende Version entsprechend dem von ihnen verwendeten Betriebssystem herunterladen. In diesem Artikel werden zur Erläuterung hauptsächlich die Mac OS X-Version und die Windows-Version verwendet

Nachdem Sie die WeChat-Applet-IDE ausgeführt haben, sehen Sie das in Abbildung 1 gezeigte Fenster.

WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

Abbildung 1 Scannen Sie den QR-Code, um die IDE aufzurufen

Geben Sie WeChat auf Ihrem Mobiltelefon ein, scannen Sie den QR-Code, Sie werden automatisch angemeldet und betreten wie in Abbildung 2 gezeigt.

WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

Abbildung 2 WeChat-Entwicklertools

Derzeit unterstützt dieses Tool sowohl die Entwicklung kleiner Programme als auch die Entwicklung offizieller Konten, da in diesem Artikel hauptsächlich die Entwicklung erläutert wird von kleinen Programmen, Daher sollten Leser den ersten Punkt „Lokales Miniprogrammprojekt“ auswählen und das in Abbildung 3 gezeigte Fenster aufrufen.

WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

Abbildung 3 WeChat Mini Program IDE-Erstellungsprojektfenster

Wenn der Leser die IDE zum ersten Mal verwendet, können Sie auf „Projekt hinzufügen“ klicken Erstellen Sie ein neues Miniprogrammprojekt, wobei firstapp ein bereits etabliertes Miniprogrammprojekt ist.

WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

Abbildung 4 Neues Miniprogrammprojekt

Nach dem Aufrufen des neuen Projektfensters wie in Abbildung 4 gezeigt, wenn der Leser über die Test-ID des Miniprogramms verfügt , er oder sie kann die AppID direkt eingeben. Wenn nicht, klicken Sie auf „Keine AppID“. Sie können auch kleine Programme entwickeln, diese können jedoch nicht auf WeChat veröffentlicht, sondern lokal ausgeführt werden. Geben Sie dann den Projektnamen und das Projektverzeichnis ein, wie in Abbildung 5 dargestellt.

WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

Abbildung 5 Geben Sie die Informationen zum Miniprogrammprojekt ein

Nachdem Sie auf die Schaltfläche „Projekt hinzufügen“ geklickt haben, wird ein neues Miniprogrammprojekt erstellt. Die Hauptentwicklung Die Schnittstelle ist wie in Abbildung 6 dargestellt.

WeChat Mini-Programmentwicklung (1): Installation und Konfiguration der Entwicklungsumgebung

Abbildung 6 WeChat-Applet-Entwicklungshauptschnittstelle

Bisher wurde die WeChat-Applet-IDE heruntergeladen und installiert und eine unbenutzte erstellt. Wie sollen wir das Miniprogrammprojekt von AppID dann auf einem echten Computer entwickeln und was ist, wenn es beim nächsten Mal veröffentlicht wird?

Weitere Artikel zur WeChat-Applet-Entwicklung (1): Installation und Konfiguration der Entwicklungsumgebung finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage