1. Introduction
1. Qu'est-ce qu'un mini-programme ?
Une applet est une application légère qui peut s'exécuter sur des appareils mobiles et ne nécessite pas que les utilisateurs la téléchargent et l'installent. Ils sont généralement développés par des entreprises ou des développeurs pour fournir des fonctionnalités ou des services spécifiques.
WeChat Mini Program (wei xin xiao cheng xu), appelé Mini Program, nom anglais Mini Program , est une application qui peut être utilisée sans téléchargement ni installation (la définition de Zhang Xiaolong est qu'elle ne nécessite pas d'installation et peut être utilisée immédiatement. En fait, il doit être installé, mais la taille du mini-programme est très petite, la vitesse de téléchargement est très rapide et l'utilisateur ne peut pas ressentir le processus de téléchargement)
2. Le rôle des mini-programmes
Les mini-programmes ont de nombreuses fonctions. Premièrement, ils offrent aux utilisateurs un moyen pratique d’accéder à des fonctionnalités ou à des services spécifiques directement sur leur téléphone sans télécharger une application complète. Les mini-programmes peuvent également aider les entreprises ou les développeurs à réduire les coûts de développement et de maintenance des applications, car ils ne doivent être développés que sur une seule plate-forme et peuvent fonctionner sur plusieurs plates-formes.
3. Que peuvent faire les mini-programmes ?
Les mini-programmes peuvent implémenter diverses fonctions. Par exemple, vous pouvez utiliser des mini-programmes pour faire des achats en ligne, effectuer des réservations de restaurant, consulter les actualités, ouvrir des livres électroniques, utiliser des outils en ligne et même jouer à des jeux. Les mini-programmes fournissent généralement des interfaces utilisateur simples et intuitives qui permettent aux utilisateurs d'effectuer rapidement les tâches souhaitées. Grâce à des mini-programmes, les utilisateurs peuvent économiser du temps et de l'énergie tout en offrant une expérience plus personnalisée.
- Il s'agit d'une application légère qui complète l'application, fournit des fonctions similaires à l'application et est plus simple à utiliser que l'application.
- Vous pouvez le télécharger en scannant ou en recherchant sur WeChat
- Des logiciels fonctionnels que les utilisateurs n'utilisent pas fréquemment mais qu'ils doivent utiliser. À l'heure actuelle, il semble que les petits programmes soient le premier choix.
- Connectez-vous en ligne et hors ligne
- Faible seuil de développement et faible coût
2. Premiers pas avec les mini-programmes
1. Inscrivez-vous
Entrez le compte public du site officiel du mini programme (qq.com)
Entrez ensuite dans notre interface d'inscription et suivez les instructions pour vous inscrire .
2. Connectez-vous
Entrez dans notre mini-programme backend et trouvez notre mini-ID de programme, qui est nécessaire pour le développement ultérieur
3. Installez les outils de développement
Accédez à la page de téléchargement du développeur du site officiel, Adresse de téléchargement et journal de mise à jour des outils de développement WeChat | Documents ouverts WeChat (qq.com) , sélectionnez la version requise à télécharger et à installer.
Après avoir entré, créez un identifiant et sélectionnez les fonctions requises pour le développement.
Le choix du service back-end pour le développement cloud WeChat fait partie du code qui a été écrit et peut être exécuté directement ; si vous choisissez de ne pas utiliser les services cloud , vous devez écrire le code vous-même.
3. Cas de démarrage
1. Créer
Choisissez de ne pas utiliser les services cloud , sélectionnez la version JavaScript-Basic , confirmez la création et attendez la création ( doit être connecté à Internet ). Si l'avatar du compte auquel vous êtes connecté apparaît, cela signifie que la création a réussi.
2. Structure du répertoire
document | requis | effet |
---|---|---|
app.js | Oui | Logique du mini-programme |
app.json | Oui | Configuration publique du mini programme |
app.wxss | Non | Feuille de style publique du mini-programme |
Type de fichier | requis | effet |
---|---|---|
js | Oui | Logique des pages |
wxml | Oui | Structure des pages |
json | Non | Configuration des pages |
wxss | Non | Feuille de style de page |
[Note] Afin de permettre aux développeurs de réduire les éléments de configuration, les quatre fichiers décrivant la page doivent avoir le même chemin et le même nom de fichier.
Ces deux codes représentent celui qui se trouve devant la page principale.
3. Fichier de configuration
app.json
Définir le style d'arrière-plan supérieur global
Si nous voulons en utiliser différents, nous pouvons les configurer dans le fichier json correspondant .
4. Créer des fichiers
Ajoutez les fichiers dont vous avez besoin et ils seront automatiquement générés dans le app.json global .
4.1.Configuration json
Configurer la page dans le fichier json généré
{ "usingComponents": {}, "navigationBarTitleText": "学生页面" }
4.2. Transfert de données et mise en page
Si vous ne savez pas comment écrire la page, vous pouvez vous référer au document wxml du mini programme . Introduction au mini programme | WeChat Open Document (qq.com) . Les données sont transmises en utilisant { {}} .
<view class="container"> 学生信息:{ {stuName}} </view>
Définissez un stuName dans les données dans js .
data: { stuName:'我真的会谢' }
4.3.Style
Écrivez les styles dont nous avons besoin dans le fichier wxss
/* pages/stu/stu.wxss */ .stuinfo{ font-size: 20px; color: blue; }
Appelé en utilisant l'attribut class dans wxml
<view class="container" class="stuinfo"> 学生信息:{ {stuName}} </view>
4.4. Événements
Ajouter un bouton d'étiquette dans wxml
<!--pages/stu/stu.wxml--> <view class="container" class="stuinfo"> 学生信息:{ {stuName}} <button bindtap="ondian">点击</button> </view>
Écrivez une méthode dans le fichier js
// 点击 ondian(){ console.log('点到我了'); }
C’est tout pour le partage. Merci à tous d’avoir discuté dans la zone de commentaires ! ! !