1. Einleitung
1. Was ist ein Miniprogramm?
Ein Applet ist eine einfache Anwendung , die auf mobilen Geräten ausgeführt werden kann und für die Benutzer es nicht herunterladen und installieren müssen. Sie werden in der Regel von Unternehmen oder Entwicklern entwickelt, um bestimmte Funktionen oder Dienste bereitzustellen.
Das WeChat Mini-Programm (wei xin xiao cheng xu), auch Mini-Programm genannt, und sein englischer Name ist Mini-Programm , ist eine Anwendung, die ohne Herunterladen und Installieren verwendet werden kann (Zhang Xiaolongs Definition lautet, dass keine Installation erforderlich ist). kann sofort verwendet werden. Tatsächlich muss es installiert werden, aber die Größe des Miniprogramms ist sehr klein, die Download-Geschwindigkeit ist sehr hoch und der Benutzer kann den Download-Vorgang nicht spüren.)
2. Die Rolle von Miniprogrammen
Miniprogramme haben viele Funktionen. Erstens bieten sie Benutzern eine bequeme Möglichkeit, direkt auf ihrem Telefon auf bestimmte Funktionen oder Dienste zuzugreifen, ohne eine vollständige App herunterladen zu müssen. Miniprogramme können Unternehmen oder Entwicklern auch dabei helfen, die Kosten für die Entwicklung und Wartung von Anwendungen zu senken, da sie nur auf einer Plattform entwickelt werden müssen und auf mehreren Plattformen ausgeführt werden können.
3. Was können Miniprogramme?
Miniprogramme können verschiedene Funktionen implementieren. Mit Miniprogrammen können Sie beispielsweise online einkaufen, Restaurantreservierungen vornehmen, Nachrichten abrufen, E-Books öffnen, Online-Tools nutzen und sogar Spiele spielen. Miniprogramme bieten typischerweise einfache, intuitive Benutzeroberflächen, die es Benutzern ermöglichen, ihre gewünschten Aufgaben schnell zu erledigen. Durch Miniprogramme können Benutzer Zeit und Energie sparen und gleichzeitig ein persönlicheres Erlebnis bieten.
- Es handelt sich um eine einfache Anwendung, die die App ergänzt, ähnliche Funktionen wie die App bietet und einfacher zu bedienen ist als die App.
- Sie können es herunterladen, indem Sie es scannen oder auf WeChat suchen
- Funktionale Software, die Benutzer nicht häufig verwenden, aber verwenden müssen. Derzeit scheinen kleine Programme die erste Wahl zu sein.
- Verbinden Sie sich online und offline
- Niedrige Entwicklungsschwelle und niedrige Kosten
2. Erste Schritte mit Miniprogrammen
1. Registrieren
Geben Sie das öffentliche Konto der offiziellen Website des Miniprogramms (qq.com) ein.
Rufen Sie dann unsere Registrierungsoberfläche auf und folgen Sie den Anweisungen zur Registrierung .
2. Melden Sie sich an
Betreten Sie unser Miniprogramm-Backend und finden Sie unsere Miniprogramm-ID, die für die spätere Entwicklung benötigt wird
3. Installieren Sie Entwicklertools
Rufen Sie die Entwickler-Download-Seite der offiziellen Website auf, WeChat Developer Tools Download Address and Update Log | WeChat Open Documents (qq.com) , wählen Sie die erforderliche Version zum Herunterladen und Installieren aus.
Erstellen Sie nach der Eingabe ein Login und wählen Sie die erforderlichen Funktionen für die Entwicklung aus.
Wenn es um die Auswahl von Back-End-Diensten geht, erfordert die WeChat-Cloud-Entwicklung einen Teil des Codes, der bereits geschrieben wurde und direkt ausgeführt werden kann; wenn Sie sich dafür entscheiden, keine Cloud-Dienste zu verwenden , müssen Sie den Code selbst schreiben.
3. Erste Schritte
1. Erstellen
Wählen Sie , keine Cloud-Dienste zu verwenden , wählen Sie JavaScript-Basic-Version , bestätigen Sie die Erstellung und warten Sie auf die Erstellung ( Sie müssen mit dem Internet verbunden sein ). Wenn der Konto-Avatar angezeigt wird, mit dem Sie sich angemeldet haben, bedeutet dies, dass die Erstellung erfolgreich war.
2. Verzeichnisstruktur
| dokumentieren | erforderlich | Wirkung |
|---|---|---|
| app.js | Ja | Mini-Programmlogik |
| app.json | Ja | Öffentliche Konfiguration des Miniprogramms |
| app.wxss | NEIN | Öffentliches Stylesheet für Miniprogramme |
| Dateityp | erforderlich | Wirkung |
|---|---|---|
| js | Ja | Seitenlogik |
| wxml | Ja | Seitenstruktur |
| json | NEIN | Seitenkonfiguration |
| wxss | NEIN | Seiten-Stylesheet |
[Hinweis] Um Entwicklern die Reduzierung von Konfigurationselementen zu erleichtern, müssen die vier Dateien, die die Seite beschreiben, denselben Pfad und Dateinamen haben.
Diese beiden Codes stellen dar, wer sich vor der Hauptseite befindet.
3. Konfigurationsdatei
app.json
Legen Sie den globalen oberen Hintergrundstil fest
Wenn wir andere verwenden möchten, können wir diese in der entsprechenden JSON- Datei konfigurieren.
4. Dateien erstellen
Fügen Sie die benötigten Dateien hinzu und sie werden automatisch in der globalen app.json generiert .
4.1. JSON-Konfiguration
Konfigurieren Sie die Seite in der generierten JSON-Datei
{ "usingComponents": {}, "navigationBarTitleText": "学生页面" }
4.2. Datenübertragung und Seitenlayout
Wenn Sie nicht wissen, wie die Seite geschrieben wird, können Sie auf das WXML- Dokument des Miniprogramms verweisen . Einführung in das Miniprogramm | WeChat Open Document (qq.com) . Die Daten werden mit { {}} übertragen .
<view class="container"> 学生信息：{ {stuName}} </view>Definieren Sie einen stuName in den Daten in js .
data: { stuName:'我真的会谢' }
4.3. Stil
Schreiben Sie die benötigten Stile in die WXSS- Datei
/* pages/stu/stu.wxss */ .stuinfo{ font-size: 20px; color: blue; }Wird mit dem Klassenattribut in wxml aufgerufen
<view class="container" class="stuinfo"> 学生信息：{ {stuName}} </view>
4.4. Ereignisse
Beschriftungsschaltfläche in wxml hinzufügen
<!--pages/stu/stu.wxml--> <view class="container" class="stuinfo"> 学生信息：{ {stuName}} <button bindtap="ondian">点击</button> </view>Schreiben Sie eine Methode in die js-Datei
// 点击 ondian(){ console.log('点到我了'); }
Das war's zum Teilen. Vielen Dank an alle für die Diskussion im Kommentarbereich! ! !