Maison > Applet WeChat > Développement de mini-programmes > Analyse détaillée du tutoriel d'introduction du mini programme WeChat + cas

Analyse détaillée du tutoriel d'introduction du mini programme WeChat + cas

php中世界最好的语言
Libérer: 2018-05-29 15:17:47
original
3003 Les gens l'ont consulté


Cette fois, je vais vous apporter une analyse détaillée du tutoriel d'entrée au programme WeChat Mini + cas. Quelles sont les précautions pour démarrer avec le programme WeChat Mini ? Voici les cas pratiques, jetons un coup d'oeil.

En fait, je pense que le mini-programme consiste à organiser et combiner les 20+ composants de base officiellement fournis par WeChat (il y en a actuellement 26), puis à ajouter quelques styles CSS pour fournir des commentaires sur les opérations de l'utilisateur (ajuster le WeChat officiel a fourni plus de 60 API). 26 composants de base + 60 API ouvertes = cela peut être fait en une demi-journée, non ? (Une demi-journée suffit pour suivre attentivement le tutoriel ci-dessous)

Comment apprendre ?

1. Vous devez avoir des outils de développement, non ?

Voici le lien de téléchargement de la dernière version (portail) -> Adresse de téléchargement de la dernière version de l'outil de développement Web WeChat

Actuellement, l'outil de développement d'applets WeChat ne nécessite pas de crack, il vous suffit d'utiliser le scannez WeChat du téléphone portable pour vous connecter à l'outil de développement et sélectionnez Aucun APPID lors de la création d'une application à développer.
Analyse détaillée du tutoriel dintroduction du mini programme WeChat + cas

2. Avez-vous besoin de documents de développement ?

Beaucoup de gens pensent peut-être que vous devez vous habituer à regarder des vidéos (vidéo pratique du mini-programme WeChat de la CSDN Academy), mais je vous suggère de ne pas regarder de vidéos lorsque vous apprenez de nouvelles choses. La meilleure façon de commencer. est de lire les documents officiels (n'importe qui d'autre) Ils connaissent mieux leurs propres affaires que les documents officiels ! ), voici l'adresse du site officiel :

Documents officiels du programme WeChat Mini (Portail)

Bien sûr il est recommandé de lire la compilation de W3CSchool ici. La documentation est relativement claire. (Un autre portail)

3. Maintenant que vous connaissez les bases, faisons quelques combats pratiques

Après avoir appris quelque chose, le meilleur moyen est de le mettre en pratique. Passons maintenant au combat pratique. "WeChat" Si vous pouvez suivre tout le processus de création du mini programme : Bai Si Bu Qi Qi Si (version simplifiée), alors vous avez démarré avec succès.

Regardez d'abord les rendus

Analyse détaillée du tutoriel dintroduction du mini programme WeChat + cas

Ça montre que l'IDÉE de ce projet a été empruntée à ce grand frère, merci pour ce grand frère

Regardez-le plus tard Regardez les captures d'écran du projet
Analyse détaillée du tutoriel dintroduction du mini programme WeChat + cas

Je ne publierai pas le code spécifique ici, j'emballe l'intégralité du projet et je le télécharge directement pour l'utiliser. (cliquez ici pour télécharger la DÉMO).

Les icônes que j'utilise sont toutes téléchargées depuis la fonte d'icônes d'Alibaba (si vous ne le saviez pas avant, c'est un énorme avantage, vous le saurez après l'avoir utilisé).

4. Pas assez de projets ?

Si vous estimez que les exercices pratiques ci-dessus ne suffisent pas à stimuler votre potentiel, alors voici quelques IDÉES que j'ai trouvées au cours de mon étude, j'espère qu'elles vous seront utiles.

1), Calculatrice
https://github.com/dunizb/wxapp-sCalc

2), Livres Douban
http://www.jianshu.com/p/c35084200470

3), centre commercial mobile
https://github.com/liuxuanqiang/wechat-weapp- mall

4), météo
http://swiftcafe.io/2016/10/03/wx-weather-app/

5 ) , requête sur la qualité de l'air
http://blog.csdn.net/yulianlin/article/details/52692066

6), client github
https :/ /blog.zhengxiaowai.cc/post/weapp-demo.html

7), Zhihu Daily
http://www.apkbus.com/forum.php ?mod= viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12


Enfin

Merci aux auteurs de la démo cités ci-dessus, avançons ensemble...

Tutoriel de démarrage du programme WeChat Mini + Démo de cas

Respectez l'originalité, veuillez indiquer la source lors de la réimpression : Voir le texte original pour plus de surprises http://blog.csdn.net/ qq137722697


Tout d'abord, une bonne posture, - Le développement d'applets WeChat n'est que cela. Tout ce dont vous avez besoin, c'est d'un peu de bases en CSS (vraiment juste un petit peu).

Comprendre le développement du mini programme WeChat

En fait, je pense que le mini programme consiste à organiser et combiner les 20+ composants de base officiellement fournis par WeChat (il y en a actuellement 26), puis ajouter Certains styles CSS fournissent des commentaires sur les opérations des utilisateurs (ajustez plus de 60 API officiellement fournies par WeChat). 26 composants de base + 60 API ouvertes = cela peut être fait en une demi-journée, non ? (Une demi-journée suffit pour suivre attentivement le tutoriel ci-dessous)

Comment apprendre ?

1. Vous devez avoir des outils de développement, non ?

Voici le lien de téléchargement de la dernière version (portail) -> Adresse de téléchargement de la dernière version de l'outil de développement Web WeChat

Actuellement, l'outil de développement d'applets WeChat ne nécessite pas de craquage, il vous suffit d'utiliser le scannez WeChat du téléphone portable pour vous connecter à l'outil de développement et sélectionnez Aucun APPID lors de la création d'une application à développer.
Analyse détaillée du tutoriel dintroduction du mini programme WeChat + cas

2. Avez-vous besoin de documents de développement ?

Beaucoup de gens pensent peut-être que vous devez vous habituer à regarder des vidéos (vidéo pratique du mini-programme WeChat de la CSDN Academy), mais je vous suggère de ne pas regarder de vidéos lorsque vous apprenez de nouvelles choses. La meilleure façon de commencer. est de lire les documents officiels (qui d'autre Ils connaissent mieux leurs propres affaires que les officiels ! ), voici l'adresse du site officiel :

Documents officiels du programme WeChat Mini (Portail)

Bien sûr il est recommandé de lire la compilation de W3CSchool ici. La documentation est relativement claire. (Un autre portail)

3. Maintenant que vous connaissez les bases, faisons quelques combats pratiques

Après avoir appris quelque chose, le meilleur moyen est de le mettre en pratique. Passons maintenant au combat pratique. "WeChat" Si vous pouvez suivre tout le processus de création du mini programme : Bai Si Bu Qi Qi Si (version simplifiée), alors vous avez démarré avec succès.

Regardez d'abord les rendus

Analyse détaillée du tutoriel dintroduction du mini programme WeChat + cas

Ça montre que l'IDÉE de ce projet a été empruntée à ce grand frère, merci pour ce grand frère

Regardez-le plus tard Regardez les captures d'écran du projet
Analyse détaillée du tutoriel dintroduction du mini programme WeChat + cas

Je ne publierai pas le code spécifique ici, j'emballe l'intégralité du projet et je le télécharge directement pour l'utiliser. (cliquez ici pour télécharger la DÉMO).

Les icônes que j'utilise sont toutes téléchargées depuis la fonte d'icônes d'Alibaba (si vous ne le saviez pas avant, c'est un énorme avantage, vous le saurez après l'avoir utilisé).

4. Pas assez de projets ?

Si vous estimez que les exercices pratiques ci-dessus ne suffisent pas à stimuler votre potentiel, alors voici quelques IDÉES que j'ai trouvées au cours de mon étude, j'espère qu'elles vous seront utiles.

1), Calculatrice
https://github.com/dunizb/wxapp-sCalc

2), Livres Douban
http://www.jianshu.com/p/c35084200470

3), centre commercial mobile
https://github.com/liuxuanqiang/wechat-weapp- mall

4), météo
http://swiftcafe.io/2016/10/03/wx-weather-app/

5 ) , requête sur la qualité de l'air
http://blog.csdn.net/yulianlin/article/details/52692066

6), client github
https :/ /blog.zhengxiaowai.cc/post/weapp-demo.html

7), Zhihu Daily
http://www.apkbus.com/forum.php ?mod= viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12

Je pense que vous maîtrisez la méthode après avoir lu le cas présenté dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le sujet. Site Web chinois PHP !

Lecture recommandée :

Explication détaillée des étapes de cryptage MD5 des données via node.js

Comment fonctionner Vue pour permettre à Amap de créer une application de bus en temps réel

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal