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 文件用來(lái)對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等。
    詳見(jiàn)【全局配置】

  • 頁(yè)面配置
    每一個(gè)小程序頁(yè)面也可以使用同名 .json 文件來(lái)對(duì)本頁(yè)面的窗口表現(xiàn)進(jìn)行配置，頁(yè)面中配置項(xiàng)會(huì)覆蓋 app.json 的 window 中相同的配置項(xiàng)。
    詳見(jiàn)【頁(yè)面配置】

  • 小程序生命周期
    注冊(cè)小程序。接受一個(gè) Object 參數(shù)，其指定小程序的生命周期回調(diào)等。
    詳細(xì)api詳見(jiàn)https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

  • 頁(yè)面生命周期
    注冊(cè)小程序中的一個(gè)頁(yè)面。接受一個(gè) Object 類(lèi)型參數(shù)，其指定頁(yè)面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等。
    生命周期對(duì)象詳見(jiàn)https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

  • 組件
    自帶組件庫(kù)weUI

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

  詳細(xì)信息可具體參考《小程序開(kāi)發(fā)指南》

  【相關(guān)學(xué)習(xí)推薦：小程序開(kāi)發(fā)教程】

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!