Fassen Sie die Entwicklungsschritte von WeChat-Miniprogrammen zusammen und teilen Sie sie

Dieser Artikel vermittelt Ihnen relevantes Wissen über die Entwicklung von WeChat-Miniprogrammen. Er stellt hauptsächlich die Schritte der WeChat-Miniprogrammentwicklung vor, einschließlich Vorbereitungsarbeit, Framework-Einführung, Programmentwicklung und Designspezifikationen hilfreich.

【Verwandte Lernempfehlungen:

Miniprogramm-Entwicklungs-Tutorial

Dieser Artikel beschreibt kurz die Schritte der WeChat-Miniprogrammentwicklung. Detaillierte Informationen finden Sie in der WeChat-Entwicklungsdokumentation

1 : Registrieren Sie https:// mp.weixin.qq.com/wxopen/waregister?action=step1

Registrieren Sie ein öffentliches WeChat-Konto mit einer E-Mail-Adresse, die nicht auf der öffentlichen WeChat-Plattform registriert wurde, beantragen Sie ein Konto und füllen Sie das aus Informationen und übermitteln Sie die entsprechenden Informationen gemäß den Richtlinien, und Sie können Ihr eigenes kleines Programmkonto haben. Nachdem die Registrierung abgeschlossen ist, melden Sie sich an.

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

Wir können die AppID des Miniprogramms im Menü „Einstellungen“ – „Entwicklungseinstellungen“ 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.
Entwickeln Sie gemäß dem offiziellen Tutorial https://developers.weixin.qq.com/miniprogram/dev/framework/

3: Installieren Sie Entwicklungstools.

Gehen Sie zur Download-Seite für Entwicklertools und laden Sie das entsprechende Installationspaket herunter Betriebssystem installieren. Eine ausführlichere Einführung in die Entwicklertools finden Sie unter „Einführung in die 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!
Relevante Informationen zu Entwicklungstools finden Sie unter [WeChat Developer Tools]

4: Öffnen Sie das erste Miniprogramm

Erstellen Sie ein neues Projekt, wählen Sie das Miniprogrammprojekt aus, wählen Sie den Festplattenpfad aus, in dem der Code gespeichert ist , und geben Sie die neu angewendete AppID des Miniprogramms ein, geben Sie Ihrem Projekt einen schönen Namen und aktivieren Sie schließlich „QuickStart-Projekt erstellen“ (Hinweis: Sie müssen ein leeres Verzeichnis auswählen, um diese Option zu haben), klicken Sie auf „OK“ und Sie erhalten Ihr erstes Applet. Klicken Sie im oberen Menü auf „Kompilieren“, um eine Vorschau Ihres ersten Applets in der IDE anzuzeigen.

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 des Tools sehen, oder Sie können auf die Schaltfläche „Vorschau“ klicken, um Ihr Erlebnis auf Ihrem zu erleben Telefon durch Scannen auf WeChat Das erste kleine Programm.

Der Inhalt der oben genannten Abschnitte kann unter [Start]-[Start] in WeChat Open Documents angezeigt werden.

2. Framework-Einführung

Das Ziel des Mini-Programmentwicklungs-Frameworks besteht darin, Entwicklern die Entwicklung von Diensten mit nativer APP-Erfahrung in WeChat auf einfachste und effizienteste Weise zu ermöglichen.

Das gesamte Miniprogramm-Framework-System ist in zwei Teile unterteilt:

Logikschicht

(App Service) und

Ansichtsschicht

(Ansicht). Das Applet bietet seine eigene Ansichtsschicht-Beschreibungssprache WXML und WXSS sowie ein JavaScript-basiertes Logikschicht-Framework und stellt Datenübertragungs- und Ereignissysteme zwischen der Ansichtsschicht und der Logikschicht bereit, sodass sich Entwickler auf Daten und Logik konzentrieren können.

Responsive Datenbindung Der Kern des Frameworks ist ein responsives Datenbindungssystem, das eine sehr einfache Synchronisierung von Daten mit Ansichten ermöglicht. Wenn Sie Daten ändern, müssen Sie nur die Daten in der logischen Ebene ändern, und die Ansichtsebene wird entsprechend aktualisiert.

Seitenverwaltung
Das Framework verwaltet die Seitenweiterleitung des gesamten Miniprogramms, ermöglicht einen nahtlosen Wechsel zwischen Seiten und verleiht der Seite einen vollständigen Lebenszyklus. Der Entwickler muss lediglich die Daten, Methoden und Lebenszyklusfunktionen der Seite im Framework registrieren, und alle anderen komplexen Vorgänge werden vom Framework verarbeitet.

Grundlegende Komponenten
Das Framework bietet eine Reihe von Grundkomponenten, die mit Stilen im WeChat-Stil und spezieller Logik ausgestattet sind. Entwickler können durch die Kombination von Grundkomponenten leistungsstarke WeChat-Miniprogramme erstellen.

Rich API
Das Framework bietet umfangreiche native WeChat-APIs, mit denen die von WeChat bereitgestellten Funktionen, wie z. B. das Abrufen von Benutzerinformationen, lokaler Speicher, Zahlungsfunktionen usw., problemlos aktiviert werden können.

3. ProgrammentwicklungWenn Sie HTML+CSS+js lernen und die WeChat-Entwicklungsdokumentation lesen, können Sie ganz einfach mit der Entwicklung von WeChat-Miniprogrammen beginnen~~

Eingang

Jedes Miniprogramm müssen Sie aufrufen App-Methode in app.js zum Registrieren der Applet-Instanz, zum Binden der Lebenszyklus-Rückruffunktion, zur Fehlerüberwachung und zur Überwachung der Nichtexistenz von Seiten usw.

• // app.jsApp({
    onLaunch (options) {
      // Do something initial when launch.
    },
    onShow (options) {
      // Do something when show.
    },
    onHide () {
      // Do something when hide.
    },
    onError (msg) {
      console.log(msg)
    },
    globalData: 'I am global data'})

  Das gesamte Miniprogramm hat nur eine App-Instanz, die von allen Seiten gemeinsam genutzt wird. Entwickler können die global eindeutige App-Instanz über die getApp-Methode abrufen, Daten zur App abrufen oder vom Entwickler in der App registrierte Funktionen aufrufen.

  // xxx.jsconst appInstance = getApp()console.log(appInstance.globalData) // I am global data

  • 全局配置
    小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
    详见【全局配置】

  • 页面配置
    每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。
    详见【页面配置】

  • 小程序生命周期
    注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。
    详细api详见https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

  • 页面生命周期
    注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。
    生命周期对象详见https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

  • 组件
    自带组件库weUI

  • API
    丰富的api
    https://developers.weixin.qq.com/miniprogram/dev/api/

  详细信息可具体参考《小程序开发指南》

  【相关学习推荐：小程序开发教程】

Das obige ist der detaillierte Inhalt vonFassen Sie die Entwicklungsschritte von WeChat-Miniprogrammen zusammen und teilen Sie sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!