Ce cours vous guidera de zéro pour développer entièrement un mini-programme WeChat de commande de café directement exploitable en ligne. Le cours commence par la configuration de l'environnement, en utilisant Trae et Figma pour générer efficacement les pages front-end, puis implémente progressivement les modules fonctionnels essentiels tels que la gestion des catégories de café, la fenêtre contextuelle d'achat et le paiement des commandes. Le cours met l'accent sur l'intégration complète du processus de paiement WeChat, y compris l'enregistrement sur la plateforme marchande, l'utilisation du plugin uni-pay ainsi que la gestion des rappels de paiement et des exceptions, afin de garantir que votre mini-programme dispose de véritables capacités de transaction commerciale. En parallèle, vous apprendrez également à mettre en place le back-office uni-admin pour assurer le suivi et la gestion des commandes en temps réel. De plus, le cours couvre des techniques fonctionnelles commerciales courantes en pratique telles que la conception de menus cachés, la commande par scan de code et l'enregistrement du numéro de table. L'ensemble du projet est proche de scénarios métier réels ; à la fin, vous disposerez d'un projet de mini-programme de commande de café complet, avec un code standardisé et directement exploitable en ligne, posant ainsi une base solide pour reprendre des développements commerciaux ou créer votre propre entreprise.

• 1.Présentation du résultat du projet
• 2.Configurer l'environnement de développement
• 3.Mise en place de l'architecture de base (uni-starter & uni-admin)
• 4.Générer les pages front-end avec Trae et Figma
• 5.Pratique avec Trae et Figma - générer la page d'accueil

• 6.Développer la page de base de la page de commande
• 7.Lier les pages front-end à la base de données - gestion des catégories de café
• 8.Gestion du café
• 9.Comment ajuster finement l'interface - page de détails du café
• 10.Fenêtre contextuelle d'achat
• 11.Page de paiement de la commande

• 12.Configurer l'ID et la clé du mini-programme - connexion utilisateur
• 13.Le client obtient l'uid de l'utilisateur - terminer la connexion avant le paiement de la commande
• 14.Créer un mini-programme pouvant intégrer le paiement WeChat
• 15.S'inscrire sur la plateforme marchande WeChat Pay
• 16.Associer le mini-programme au numéro de marchand
• 17.Demander un certificat et définir la clé
• 18.Plugin uni-pay et obtention de l'uid via un objet cloud - paiement et génération de commande
• 19.Rappel de paiement et gestion des exceptions de paiement

• 20.Stockage cloud et amélioration des fonctionnalités de la page de commande
• 21.Gestion des commandes de café
• 22.Développer un menu caché
• 23.Créer une instance uni-id - page de commande client
• 24.Mes commandes
• 25.Cache local (LocalStorage) - produits consultés
• 26.Finaliser ma page
• 27.Icône tabbar - finaliser la barre de navigation en bas de page
• 28.Retrait du repas
• 29.Surveillance en temps réel de la génération des commandes en arrière-plan

• 30.Publication du projet (packaging et mise en ligne)
• 31.Générer le code du mini-programme et commander par scan
• 32.Enregistrer le numéro de table de la commande par scan dans la commande

💡 Conseil d'apprentissage :Le contenu du tutoriel est basé sur les pratiques du secteur au moment de la publication ; il est recommandé de le combiner avec les dernières règles de la plateforme lors de l'apprentissage.