So erstellen Sie ein WeChat Mini Program mit WorkBuddy: Ein Leitfaden für Anfänger

Wenn du ein WeChat-Mini-Programm erstellen möchtest, wirst du vielleicht zuerst von einer Reihe von Dingen blockiert: WeChat Developer Tools, Projektverzeichnisse, AppID, Cloud-Entwicklungsumgebungen, Datenbanken, Hochladen und Backend-Versionsverwaltung.

Was ist das alles? Du hast noch nicht einmal eine Zeile Code geschrieben und steckst schon in diesen technischen Details fest.

Das macht nichts. Selbst wenn du noch nie Code geschrieben, nie ein Mini-Programm erstellt hast oder nicht einmal weißt, was eine AppID ist, ist dieser Artikel für dich geschrieben.

Wie es ist, eines an einem einzigen Nachmittag zu bauen

Nachdem du das gelesen hast, weißt du, wie du:

• Code in die WeChat Developer Tools importierst (ohne vorher eine AppID registrieren zu müssen)
• Es auf deinem eigenen Handy öffnest
• Einen QR-Code erzeugst, den du an Freunde zum Testen schickst
• Es zur Überprüfung einreichst, live gehst und durchsuchbar wirst

Schau zuerst mein fertiges Produkt an.

Sieht ordentlich aus, oder? Legen wir los.

I. Zehn Minuten vor dem Start

Öffne WorkBuddy, finde den Experten „WeChat-Mini-Programm-Entwickler“ in der Spalte Experten, Fähigkeiten oder Konnektoren und rufe ihn auf.

Sage dann nicht einfach „Hilf mir, ein Mini-Programm zu machen“.

1Ich möchte ein Mini-Programm zur täglichen Gewohnheitsverfolgung für den persönlichen Gebrauch erstellen.
2Erster Schritt: Was muss ich dir mitteilen? Schreib noch keinen Code; lass uns zuerst darüber sprechen.

Ersetze „tägliche Gewohnheitsverfolgung“ durch deine eigene Idee.

Dann fragt es dich, wie du deine Daten speichern willst, wie vollständig die erste Version sein soll, welche Entwicklungsmethode du verwenden möchtest, ob du tägliche Erinnerungen brauchst, welche Gewohnheitstypen es gibt, die Zeitgranularität der Erinnerungen, Vorlieben beim visuellen Stil und schließlich bittet es dich, die Klassifikationsdimensionen, Archivierung/Löschung und Statistikzyklen zu verfeinern.

Es hilft dir, all diese Fragen durchzudenken, die du nicht bedacht hast, und gibt die Richtung vor.

Strebe anfangs nicht nach Perfektion; lass es zuerst Version 1.0 erstellen. Sobald du das Grundgerüst hast, kannst du langsam anpassen und ändern. Sobald die Richtung klar ist, lass es loslegen.

Während es den Code schreibt, kannst du die WeChat Developer Tools installieren.

Das ist das offizielle Tool von WeChat, weil dein Mini-Programm letztendlich von hier aus ausgeführt, in der Vorschau angezeigt und hochgeladen wird. Suche auf der offiziellen Download-Seite nach „WeChat Developer Tools“, wähle die Stabile Version, folge den Anweisungen zur Installation und melde dich per QR-Code-Scan an. Wenn du drin bist, sieht es so aus:

Ein paar Punkte, die du beachten solltest:

💡 Halte es beim ersten Mal auf ein oder zwei Funktionen. Je mehr Funktionen, desto mehr Seiten müssen generiert werden und desto mehr Fehler können auftreten. Bring zuerst den Kern zum Laufen.

💡 Stelle das Modell auf HY3 um; lass es nicht auf Auto. Es ist derzeit zeitlich begrenzt kostenlos und unbegrenzt nutzbar. (Schau im Backend nach, ob die Aktion noch aktiv ist, wenn du das hier liest.)

⚠️ Es ist normal, dass Menünnamen von dem abweichen, was ich sage. Diese Softwaretools werden häufig aktualisiert. Wenn du ein Problem hast, wirf einfach einen Screenshot an WorkBuddy, und es sagt dir, wo du klicken musst.

Wenn der Code fertig ist, gibt es dir einen Projektordner-Pfad. Merke dir diesen Pfad; du brauchst ihn für den nächsten Schritt. Normalerweise enthält es Anweisungen zum Importieren; falls nicht, frage einfach: „Der Code ist fertig, wie importiere ich ihn in die WeChat Developer Tools?“

Jetzt hast du: einen vollständigen Satz Mini-Programm-Code und die installierten WeChat Developer Tools.

Alles ist bereit. Zeit, das halbfertige Produkt anzusehen.

II. Das halbfertige Produkt ansehen

Öffne die WeChat Developer Tools, die du gerade heruntergeladen hast, melde dich per Scan an und klicke auf die +-Schaltfläche.

Dann fülle diese drei Felder aus:

1. Projektname: Alles, was dir gefällt, solange du es wiedererkennst.
2. Verzeichnis: Füge die Adresse aus dem vorherigen Schritt ein.
3. AppID: Sie wird vielleicht rot angezeigt; das ist in Ordnung. Klicke auf „Testkonto“, um ohne Probleme fortzufahren.

Wähle bei „Backend-Service“ die Option „Keine Cloud-Dienste verwenden“. Klicke auf „Erstellen“ und dann auf „Vertrauen und Ausführen“. Das Tool beginnt automatisch mit dem Erstellen.

⚠️ Wann du auf eine formale AppID umsteigen musst: Wenn du die WeChat Cloud-Entwicklung nutzen, etwas hochladen oder es andere testen lassen möchtest, registriere kostenlos eine mit deiner E-Mail. Kapitel 6 erklärt das im Detail.

⚠️ Außerdem: Überlege dir genau, welche Kategorie du vor der Registrierung wählst. Du musst dich zwischen Mini-Spielen und anderen Kategorien entscheiden, und das lässt sich später nicht mehr ändern.

Wenn alles gut geht, siehst du dein Mini-Programm im Tool: links den Simulator und rechts den Code.

Jetzt hast du: ein Mini-Programm, das auf deinem Computer läuft.

Oder du siehst einen Bildschirm voller roter Fehlermeldungen. Keine Panik; das ist leicht zu beheben.

III. Überall roter Text? Lass den Autor es beheben

Es ist normal, dass es beim ersten Build Fehler gibt.

Die Lösung ist einfach: Lass denjenigen, der es geschrieben hat, es reparieren. 😂

Konkret:

1. Finde das Debugger-Panel in den WeChat Developer Tools; dort stehen alle roten Fehler.
2. Kopiere die gesamte Fehlermeldung – mach keinen Teil-Screenshot und paraphrasiere nicht.
3. Schick sie an WorkBuddy. Du musst nicht einmal etwas sagen; es wird es für dich reparieren.

Nach der Analyse wird es entweder den Code direkt reparieren oder dich durch die notwendigen Einstellungen führen.

Zwei Dinge, die du beachten solltest:

⚠️ Eine Art von „Fehler“ ist eigentlich gar keiner: Mini-Programme unterstützen manche webtypischen Codierungen nicht (wie bestimmte Selektoren oder Hover-Effekte). Wenn es auf dem Computer komisch aussieht, liegt das daran, dass das Mini-Programm es nicht unterstützt. Sag einfach der KI: „Dieser Effekt wird in Mini-Programmen nicht unterstützt, nimm einen anderen Weg.“

⚠️ Eine andere Art ist ein „Scheinfehler“: Änderungen werden nicht übernommen. Zweifle nicht sofort an der KI; klicke auf die Schaltfläche „Kompilieren“ (Aktualisieren) neben „Normale Kompilierung“ oben rechts. Das behebt das Problem meistens.

Jetzt hast du: ein reibungslos laufendes Mini-Programm ohne weiße Bildschirme oder Probleme.

Es sieht auf dem Computer-Simulator großartig aus, aber auf einem echten Handy könnte es anders sein.

IV. Sieht auf dem PC gut aus, aber vielleicht nicht auf dem Handy

Es ist üblich, dass Styles auf einem echten Handy verschoben sind oder Buttons nicht klickbar sind, obwohl sie im Simulator funktionieren. Bildschirmgrößen und Touch vs. Maus sind unterschiedlich.

Um es auf dein Handy zu bringen, klicke auf eine Schaltfläche: Vorschau.

Das Tool erzeugt einen QR-Code. Scanne ihn mit WeChat, und dein Mini-Programm öffnet sich auf deinem Handy.

Hier werden die Leute oft verwirrt: Vorschau, Echtes-Gerät-Test und Remote-Debugging erzeugen alle QR-Codes. Was ist der Unterschied?

⚠️ Nutze die Vorschau nicht als endgültigen Test. Die Vorschau ist nur für einen schnellen Blick; sie bedeutet nicht, dass alles funktioniert. Verwende den Echtes-Gerät-Test zur Bestätigung.

⚠️ Noch etwas: Um die Entwicklung zu erleichtern, sind einige Prüfungen im Tool deaktiviert, aber auf echten Geräten sind sie trotzdem aktiv. Manchmal funktioniert es auf dem PC, schlägt aber auf dem Handy fehl.

Jetzt hast du: ein Mini-Programm, das sich auf deinem eigenen Handy öffnet.

Du willst den Code wahrscheinlich unbedingt an einen Freund schicken. Warte, mach zuerst diese fünf Checks, sonst ist es vielleicht voller Bugs! 😂

V. Lass Freunde nicht deine Bugs testen

Das dauert fünf Minuten. Mach diese fünf Punkte selbst:

1. Hinzufügen: Füge einen neuen Eintrag hinzu; erscheint er in der Liste?
2. Status: Wechsle zwischen abgeschlossen und nicht abgeschlossen; funktioniert das?
3. Erneuter Einstieg: Beende das Mini-Programm und öffne es erneut; sind die gerade hinzugefügten Daten noch da?
4. Löschen: Lösche einen Eintrag; bleibt er nach dem Aktualisieren gelöscht?
5. Leere Werte: Klicke auf Hinzufügen, ohne etwas auszufüllen; es sollte eine Meldung erscheinen und keinen leeren Datensatz erstellen.

Die Punkte 3 und 5 werden oft übersehen, wenn man sie nicht gezielt testet.

Nachdem du einen Punkt behoben hast, teste alle fünf erneut. A zu reparieren führt oft dazu, dass B kaputtgeht.

⚠️ Alle fünf zu bestehen bedeutet nur, dass es nicht sofort abstürzt. Das ist ein Verfeinerungsprozess, bei dem du seltsame Probleme entdeckst oder neue Ideen bekommst. Irgendwann hast du eine Version, mit der du zufrieden bist.

Jetzt hast du: ein verfeinertes Mini-Programm, mit dem du zufrieden bist.

Jetzt brauchst du nur noch eine letzte Sache, um es an Freunde zu schicken: eine formale Identität.

VI. Schick einen Code zum Scannen an Freunde

Damit andere es scannen können, brauchst du eine formale AppID. So registrierst du sie:

1. Öffne die Plattform für offizielle WeChat-Konten und folge dem Registrierungsprozess. Es gibt mehrere Typen: Offizielle Konten, Mini-Programme, Mini-Spiele. Wähle Mini-Programm. ⚠️ Die falsche Wahl kann nicht geändert werden; du müsstest löschen und neu anfangen.
2. Verwende eine saubere E-Mail. Gib die E-Mail ein, klicke auf Aktivieren, gib den Verifizierungscode aus deinem Posteingang ein und lege ein Passwort fest.

1. Wähle den Kontotyp. Für den persönlichen Gebrauch wähle „Einzelperson“. Es erfordert eine Identitätsprüfung und einen WeChat-Scan; es ist kostenlos.
2. Gehe ins Backend und finde die AppID unter Entwicklungsverwaltung. Sie beginnt mit „wx“; kopiere sie.

Sobald du die AppID hast, schicke Folgendes an dein WorkBuddy:

1Ändere die AppID im Projekt auf meine AppID: [dein wx... String]

Geh dann zurück zu den WeChat Developer Tools und klicke oben rechts auf „Hochladen“.

Es fragt nach einer Versionsnummer und Notizen. Verwende beim ersten Mal 0.0.1. Nach dem Hochladen gehst du zur Seite „Versionsverwaltung“ im WeChat-Backend. Du siehst die Version; klicke auf den Pfeil nach unten, um die „Testversion“ zu finden. Sobald sie festgelegt ist, erhältst du einen Test-QR-Code.

Jetzt kannst du dein Mini-Programm Freunden zeigen! Sie können es durch Scannen nutzen, ohne dass du es veröffentlichen oder eine formelle Überprüfung bestehen musst.

Zwei Dinge, die du beachten solltest:

Erstens: Hochladen ist nicht Veröffentlichen. Durch das Hochladen wird die Entwicklungsversion nur ins Backend gestellt. Sie ist noch nicht durchsuchbar; nur Leute mit dem Code können hinein.

Zweitens: Testversionen laufen ab. Normalerweise nach sieben Tagen. Lade einfach erneut hoch, um einen neuen Code zu bekommen. Perfekt für Demos oder zum Teilen mit ein paar Freunden.

⚠️ Für viele ist das genug. Wenn es nur für den persönlichen Gebrauch oder für Freunde ist, funktioniert die Testversion einwandfrei. In späteren Kapiteln erkläre ich Zertifizierung und Anmeldung (ICP).

Jetzt hast du: einen Test-QR-Code, den du an Freunde schicken kannst.

Du hast ein echtes Mini-Programm erstellt. Aber wenn ein Freund Daten hinzufügt und die App schließt, verschwinden sie. Wie speichern wir Daten?

VII. Verliere keine Daten beim Schließen

Wir haben noch nicht gelöst, wo deine Daten gespeichert werden.

Wenn Daten nur lokal auf dem Handy existieren, gehen sie verloren, wenn du das Handy wechselst oder sie teilen willst. Du brauchst ein Backend. Ein eigenes Backend aufzusetzen bedeutet Server, Datenbanken, Domains, HTTPS und Anmeldung. Überspringen wir den Aufwand und nutzen Cloud Development. Die Datenbank und die Logik sind in der Cloud; das Mini-Programm ruft sie direkt auf.

1. Klicke oben im Tool auf „Cloud Development“ → Aktivieren → Notiere dir die Umgebungs-ID.

Wenn du auf Aktivieren klickst, wird vielleicht eine Gebühr von 19,9 RMB/Monat angezeigt, aber warte – es sollte dich automatisch zu einer kostenlosen Entwicklungsumgebung führen.

1. Kopiere die Umgebungs-ID und schicke sie an WorkBuddy, um die globalData.env-ID zu setzen.

1. Cloud Development Console → Datenbank → Erstelle Sammlungen wie categories / habits / checkins. Setze die Berechtigungen auf „Nur Ersteller darf lesen/schreiben“. WorkBuddy sagt dir, welche Sammlungen du anlegen sollst.

1. Klicke mit der rechten Maustaste auf cloudfunctions/login → Hochladen und bereitstellen: Cloud-Abhängigkeiten installieren. Das stellt sicher, dass die Cloud-Funktion die benötigten Pakete findet.

Ein Tipp: Wenn du cloudfunctions in deinem Projekt nicht findest, ist dein Importordner vielleicht falsch. Ändere ihn in den übergeordneten Ordner.

Jetzt, wo die Datenspeicherung bereit ist, lade das Projekt neu. Es fragt nach der AppID und der Cloud-Umgebungs-ID.

⚠️ Dafür kannst du kein Testkonto verwenden; du brauchst eine formale AppID.

⚠️ Cloud Development hat manchmal Aktionen für neue Nutzer, aber die sind zeitlich begrenzt.

Importiere die Version, die Daten speichert, erneut, füge deine AppID ein und wähle „WeChat Cloud Development“ als Backend-Service. Jetzt sind die Daten verbunden.

Die Datenspeicherung ist erledigt. Wenn du möchtest, dass Fremde dich finden, oder es kommerziell nutzen möchtest, beginnt die eigentliche Herausforderung.

VIII. Lass Fremde dich finden

Eine Testversion zu bestehen ist anders, als eine offizielle Überprüfung zu bestehen.

Mach zuerst diese sechs Selbstchecks:

1. Ist die AppID formal? Testkonten können nicht live gehen.
2. Klicke jede Seite an. Keine weißen Bildschirme oder Abstürze.
3. Konfiguriere die Server-Domains. Wenn deine App externe Daten abruft, müssen diese Domains im Backend konfiguriert werden (Entwicklung → Entwicklungseinstellungen). Nur HTTPS und WSS sind erlaubt, und die Domain muss (ICP-)angemeldet sein. IPs sind nicht erlaubt.
4. Deaktiviere die Option „Domain-Anfragen nicht verifizieren...“ in den Entwicklertools. Das funktioniert nur im Tool; echte Geräte verifizieren weiterhin. Schalte es ab und teste erneut.
5. Fülle den Leitfaden zum Schutz der Privatsphäre der Nutzer aus. Wenn deine App Avatare, Standort oder Kontakte liest, musst du das angeben. Andernfalls werden diese APIs deaktiviert. Überspringe das, wenn du keine Nutzerdaten berührst.
6. Vervollständige Name, Avatar, Intro und Kategorie im Backend. Eine falsche Kategorie ist ein häufiger Ablehnungsgrund.

💡 Wenn du Cloud Development nutzt oder keine Internetfunktionen hast, überspringe die Schritte 3 und 4.

🔴 Ich habe das für dich vorbereitet; schick es einfach an WorkBuddy:

1Ich reiche ein WeChat-Mini-Programm zur Überprüfung ein. Hilf mir, das Projekt anhand dieser Punkte zu prüfen.
2Repariere, was du kannst, und sag mir, was ich manuell ausfüllen muss.
3Prüfe, ob die appid in project.config.json ein Testkonto ist.
4Liste alle Seitenpfade in app.json auf, damit ich auf weiße Bildschirme prüfen kann.
5Suche im Projekt nach wx.request, wx.uploadFile, wx.downloadFile und wx.connectSocket.
6Extrahiere alle Domains und gruppiere sie in diese vier Kategorien.
7Markiere alle, die nicht mit https/wss beginnen oder IPs verwenden, damit ich sie im Backend konfigurieren kann.
8Ändere urlCheck in project.config.json auf true, falls es false ist.
9Suche nach APIs für Nutzerdaten (Avatar, Standort, Kontakte usw.) und liste auf, welche Dateien/Zeilen sie verwenden.
10Ich brauche das für den Leitfaden zum Schutz der Privatsphäre.
11Prüfe auf übrig gebliebenen console.log-Debugcode.
12Gib mir schließlich eine Übersichtstabelle mit: Prüfpunkt, Aktueller Status und Nächster Schritt.

⚠️ Überspringe Schritt 2 nicht. Offizielle Überprüfungen verlangen ein vollständiges Produkt. Ablehnung wegen „unvollständiger Funktionen“ ist häufig.

Dann gibt es 4 Hürden vor der Einreichung:

1️⃣ Mini-Programm-Info

• Name: Etwas Wiedererkennbares (z. B. „Gewohnheits-Tracker“). Persönliche Konten dürfen „Offiziell“ oder „WeChat“ nicht verwenden.
• Icon: 1024x1024 PNG.
• Intro: Ein Satz, der die Funktion erklärt.
• Leistungsumfang: Wähle „Tools > Effizienz“ oder „Lebensdienste“.

2️⃣ Kategorie

Persönliche Konten sind eingeschränkt. Empfohlen: Tools > Effizienz oder Notizbuch. Die Kategorie bestimmt, welche APIs du verwenden kannst.

3️⃣ Anmeldung (ICP)

Seit 2024 müssen alle Mini-Programme eine ICP-Anmeldung haben. Du brauchst ein Ausweisfoto und eine Gesichtsverifikation. Es dauert 1-3 Werktage.

4️⃣ WeChat-Zertifizierung (Optional, aber empfohlen)

Persönliche Konten können für 300 RMB/Jahr zertifiziert werden. Wenn du nicht zahlen möchtest, kannst du es überspringen – das hindert dich nicht am Veröffentlichen, aber du wirst nicht durchsuchbar.

Häufige Ablehnungsgründe: fehlende medizinische/finanzielle Qualifikationen, fehlende Live-Streaming-Berechtigungen oder unvollständige Funktionen. Die Überprüfung dauert normalerweise 1-7 Tage.

Siehst du? Du hast es geschafft

Du hast mit der KI gesprochen, und der Code erschien.

Du hast einen Pfad eingefügt, und die Seite wurde angezeigt.

Du hast den roten Text zurückgeschickt, und es hat sich selbst repariert.

Du hast einen Code gescannt, und es lief auf deinem Handy.

Du hast auf Hochladen geklickt, und Freunde konnten es scannen.

Vom Anfang bis zum Ende ist keine Programmierkenntnis nötig.

Mach heute Abend nur eines: Installiere die WeChat Developer Tools. Es dauert zehn Minuten.

Sobald sie installiert sind, juckt es dich, etwas hineinzuwerfen und laufen zu lassen. Und schon hast du angefangen.

Wenn jemand, den du kennst, ein Mini-Programm machen möchte, aber noch nicht angefangen hat, schick ihm das hier. Es erspart ihm ein ganzes Wochenende.

Ich bin Song Song. Ich teile weiterhin nützliche Inhalte.