Entwicklung von WeChat-Miniprogrammen von Grund auf (1)

In diesem Artikel erfahren Sie hauptsächlich, wie Sie ein WeChat-Applet von Grund auf entwickeln (1). Wir hoffen, dass es allen helfen kann.

1: Registrierung
Registrieren Sie ein öffentliches WeChat-Konto mit einer E-Mail-Adresse, die nicht auf der öffentlichen WeChat-Plattform registriert ist, klicken Sie auf https://mp.weixin.qq.com /wxopen/waregister?action=step1 Geben Sie die Informationen gemäß den Richtlinien ein und reichen Sie die entsprechenden Materialien ein. Sie können dann Ihr eigenes Miniprogrammkonto erstellen. Nachdem die Registrierung abgeschlossen ist, melden Sie sich an.

Bild

2: Melden Sie sich bei https://mp.weixin.qq.com an

Wir können zum Menü gehen „Einstellungen“ – „Entwicklungseinstellungen“ Sie können die AppID des Miniprogramms sehen. Die AppID des Miniprogramms entspricht einem Ausweis auf der Miniprogrammplattform. Sie werden die AppID später an vielen Stellen verwenden (beachten Sie, dass diese sich von der AppID des Dienstkontos oder Abonnementkontos unterscheiden muss). Nachdem wir ein Miniprogramm-Konto haben, benötigen wir ein Tool zum Entwickeln von Miniprogrammen.
Entwickelt gemäß dem offiziellen Tutorial https://mp.weixin.qq.com/debug/wxadoc/dev/

Bild

3 : Entwicklungstools installieren

Gehen Sie zur Downloadseite für Entwicklertools, laden Sie das entsprechende Installationspaket entsprechend Ihrem Betriebssystem herunter und installieren Sie es. Eine ausführlichere Einführung in Entwicklertools finden Sie unter „Einführung in Entwicklertools“. . Öffnen Sie das Miniprogramm-Entwicklertool, scannen Sie mit WeChat den QR-Code, um sich beim Entwicklertool anzumelden, und machen Sie sich bereit für die Entwicklung Ihres ersten Miniprogramms! Mein Computer ist 64-Bit:

Bild

4: Nach Abschluss der Installation

Öffnen Sie Ihr erstes Miniprogramm: Erstellen Sie ein neues Projekt, wählen Sie das Miniprogrammprojekt aus, wählen Sie den Festplattenpfad aus, in dem der Code gespeichert ist, geben Sie die AppID des Miniprogramms ein, für das Sie sich gerade beworben haben, geben Sie Ihrem Projekt einen schönen Namen und Aktivieren Sie abschließend „Erstellen“ „QuickStart-Projekt“ (Hinweis: Sie müssen ein leeres Verzeichnis auswählen, um diese Option zu verwenden), klicken Sie auf „OK“ und Sie erhalten Ihr erstes kleines Programm. Klicken Sie zum Kompilieren auf das obere Menü und Sie können eine Vorschau Ihres ersten anzeigen eine im IDE Mini-Programm.

Bild

Bild

Bild

5: Kompilierungsvorschau

Klicken Sie auf die Schaltfläche „Kompilieren“ im Tool. Sie können die Leistung dieses kleinen Programms in der Simulatoroberfläche auf der linken Seite sehen Mit dem Tool können Sie auch auf die Schaltfläche „Vorschau“ klicken und Ihr erstes Miniprogramm auf Ihrem Telefon erleben, indem Sie es auf WeChat scannen. OK, Sie haben Ihr erstes Miniprogramm erfolgreich erstellt und seine reibungslose Leistung auf dem WeChat-Client erlebt.

Bild

Einführung in das Applet-Initialisierungsverzeichnis:

1: Der Seitenordner speichert projektbezogene Seitenrendering-Dateien

Bild

2: Utils speichert JS-Bibliothek und digitale Formatierungsdateien

Bild

3: Konfigurationsdatei

Bild

Verwandte Empfehlungen:

Eine kurze Einführung in das WeChat Mini-Programm

Detaillierte Erläuterung der Entwicklung der WeChat Mini-Programmliste

Einführungsbeispiele für WeChat Mini Programmentwicklung

Das obige ist der detaillierte Inhalt vonEntwicklung von WeChat-Miniprogrammen von Grund auf (1). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!