Maison  >  Article  >  Applet WeChat  >  Une brève introduction aux étapes de développement de mini-programmes WeChat

Une brève introduction aux étapes de développement de mini-programmes WeChat

黄舟
黄舟original
2017-05-07 13:31:282588parcourir

Le compte d'application WeChat (mini programme, le nouveau nom de [compte d'application]) est enfin là ! Tout le monde doit se préoccuper de ce à quoi ressemblera la forme finale du compte de candidature ? Comment transformer un [Compte de service] en [Mini Programme] ?

Avant de commencer à développer un compte d'application, jetez un œil au tutoriel officiel [Mini Programme] ! Yingqu Technology, une société de développement de mini-programmes WeChat, vous montrera comment créer initialement un mini-programme WeChat et découvrir l'effet réel du mini-programme sur votre téléphone mobile.

1. Obtenez l'AppID pour le développement de l'applet WeChat

Tout d'abord, nous devons avoir un compte. Si vous pouvez voir ce document, nous aurions dû vous inviter et créer un compte. Notez que l'AppID du compte de service ou du compte d'abonnement ne peut pas être utilisé directement. Utilisez le compte fourni pour vous connecter au site Web officiel de WeChat et vous pourrez afficher l'AppID développé par l'applet WeChat dans les [Paramètres] - [Paramètres du développeur] du site Web.

2. Créer un projet

Nous devons utiliser des outils de développement pour terminer la création de mini-programmes et l'édition de code. Une fois l'outil de développement installé , ouvrez-le et utilisez WeChat pour scanner le code QR pour vous connecter. Sélectionnez Créer [Projet], remplissez l'AppID obtenu ci-dessus, définissez un nom de projet local (pas le nom de l'applet), sélectionnez un dossier local comme répertoire pour le stockage du code, puis cliquez sur [Nouveau projet].

3. Écrivez du code

Cliquez sur [Modifier] sur le côté gauche des outils de développement de navigation Nous pouvons voir que ce projet a été initialisé et contient du code simple. . document. Les plus critiques et essentiels sont app.js, app.json et app.wxss. Parmi eux, le suffixe .js est un fichier de script, le suffixe .json est un fichier de configuration et le suffixe .wxss est un fichier de feuille de style. Le développement de l'applet WeChat lira ces fichiers et générera des instances d'applet.

4. Créer une page

Dans ce tutoriel, nous avons deux pages, la page d'index et la page des logs, à savoir la page d'accueil et la page d'affichage du log de démarrage du mini programme. sont tous deux dans le répertoire des pages Down. Le [chemin + nom de la page] de chaque page dans le développement du mini-programme WeChat doit être écrit dans les pages de app.json, et la première page des pages est la page d'accueil du mini-programme.

5. Aperçu mobile

Sélectionnez [Projet] dans la barre de menu de gauche des outils de développement, cliquez sur [Aperçu] et scannez le code QR pour en faire l'expérience dans le client WeChat. Actuellement, les fonctions de prévisualisation et de téléchargement ne sont pas encore disponibles et vous devez attendre la prochaine mise à jour officielle de WeChat.

Le guide de développement officiel fourni par WeChat est encore très simple. De nombreux détails, codes et fonctions ne sont pas clairement affichés, les étapes spécifiques de développement de l'applet WeChat doivent donc être soigneusement étudiées et mises en œuvre par les développeurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn