wechat miniprogram examples Télécharger - wechat miniprogram examples Téléchargement du code source

wechat miniprogram examples

Code Source AI

1.0.0

Télécharger

Exemple de mini-programme WeChat

[2019-01-14] Lorsque j'ai récemment examiné le code de mon propre mini-programme, j'ai senti qu'il était un peu compliqué. Le code était un peu irrégulier et le style était ancien, j'ai donc voulu prendre le temps de le refactoriser.
[2017-09-09] Mon travail actuel n'a rien à voir avec le mini-programme, mais je suivrai occasionnellement les modifications de l'API du mini-programme pour que les exemples continuent de fonctionner normalement. J'invite tout le monde à signaler les problèmes.
[2016-11-03] Le mini-programme WeChat a été très populaire récemment. Bien qu'il soit toujours à l'intérieur, je vois encore souvent de nombreux articles liés au mini-programme WeChat. Comme il est si populaire, je souhaite également utiliser mon temps libre. pour essayer d'apprendre et de créer quelque chose. L'auteur vient d'obtenir son diplôme et ne travaille que depuis 3 mois. La capacité de développement réelle ne peut être comparée à celle de Daniel, et le contenu technique de la DÉMO qu'il a réalisé est relativement faible. Mon objectif personnel est d'enregistrer chaque processus d'apprentissage et de le partager. passer du temps avec tout le monde, résultats après l'apprentissage. Comme je suis très occupé au travail, je ne peux consacrer du temps que le week-end à améliorer la DEMO. Plusieurs DEMO sont prévues et seront mises à jour lentement dans le futur.

couverture

Journal des modifications

[2020-01-11] Utilisez l'API proxy fournie par https://github.com/zce/douban-api-proxy pour demander des données Douban
[2019-04-20] Modifier la logique de réponse des données du proxy. L'API Douban Books ne peut plus être proxy et nécessite une clé API pour y accéder. Aucune solution :
```
{
    "msg" : " invalid_apikey " ,
    "code" : 104 ,
    "request" : " GET /v2/book/search "
}
```
[2019-03-09] Supprimez certaines instructions console et parlez des problèmes courants :
Chaque mini-programme de ce projet n'est pas configuré avec appid . Si vous souhaitez exécuter le projet, vous devez attribuer un appid au projet, sinon le projet ne pourra pas utiliser la fonction de prévisualisation réelle du périphérique, ni certains mini. les API du programme ne peuvent pas être utilisées normalement.
Certains internautes ont rapporté qu'après avoir ouvert Zhihu Daily dans l'EDI et cliqué sur compiler et prévisualiser , le programme ne pouvait pas s'afficher normalement sur la machine réelle. Solution : Après avoir cliqué sur Compiler et prévisualiser , la vraie machine ouvrira automatiquement le mini-programme. Cliquez sur le premier bouton de menu dans le coin supérieur droit du mini-programme et choisissez d' activer le débogage . Après avoir redémarré le mini-programme, les données seront affichées. normalement. La cause spécifique de ce problème est inconnue.
[2019-01-19] Reconstruisez le mini programme quotidien de Zhihu. Étant donné que l'application officielle n'a plus de rapports quotidiens thématiques et que l'interface ne peut plus renvoyer de données thématiques, la logique liée aux rapports quotidiens thématiques a été supprimée cette fois et des aperçus d'images et l'encapsulation ont été ajoutés. Des composants d'interface utilisateur réutilisables, des pages web-view et mes pages de favoris .
[2019-01-16] Refactorisez l'applet Matter Assistant, convertissez le code en ES6 et optimisez le code d'opération de données Puisque l'applet reprend désormais la prise en charge de Promise, cette version de bluebird sera supprimée.
[2019-01-14] Reconstruisez l'applet Douban Books et convertissez l'ancien code en ES6. Ajoutez le répertoire server . Il existe un programme de serveur proxy d'interface Douban Books. Vous pouvez démarrer le code de ce répertoire pour proxy les requêtes pour l'interface Douban Books. ~~Dans une certaine mesure, cela résout le problème selon lequel l'applet WeChat ne peut pas demander l'interface du livre Douban.~~ ( Cette méthode n'est plus valide. L'API Douban Books nécessite désormais une clé pour y accéder. Il n'y a pas de solution ).
~~Usage~~ ( invalide )
~~Le code du serveur proxy de l'interface Douban se trouve dans le répertoire DouBanBookApp/server .~~
~~Ouvrez la ligne de commande et passez au répertoire actuel. S'il s'agit de la première exécution, veuillez utiliser npm install pour installer les dépendances.~~
~~Utilisez ensuite node index.js pour l'exécuter.~~
Veuillez vous assurer que le port 8081 n'est pas occupé avant de l'exécuter, ou vous pouvez modifier le numéro de port dans le code. Si vous utilisez ce serveur proxy pour demander l'interface Douban Books, veuillez pointer le chemin de l'interface dans api.js vers cette adresse de serveur.
[2018-03-31] Correction du problème d'affichage d'image et du problème d'erreur de données vides dans Zhihu Daily, et correction du problème de données vides dans Matter Assistant. L'interface Douban étant officiellement bloquée, il n'existe actuellement aucune solution directe. Vous pouvez vous référer à la méthode proxy Nginx en ligne.
[2017-09-09] La version par défaut de l'IDE pour le développement de code est mise à niveau vers la v1.0.1.170907, en ajoutant wx:key à wx:for , en modifiant le comportement ActionSheet de l'assistant de sujet et en affichant l'événement d'annulation d'instruction ( c'est-à-dire le catch de Promise). Modifiez bindchange en bindinput .
[2017-08-23] Correction du problème d'échec de la demande de données de Douban Books Demo et modification Content-Type dans header de request en json ou html .
[2017-02-12] Modifiez le chemin des images du cas Zhihu Daily et corrigez le problème d'échec d'obtention des images Zhihu. L'interface d'acquisition d'images de l'interface de démarrage est restreinte et il n'y a actuellement aucune solution !
[2016-11-23] Depuis que l'EDI officiel a été mis à jour vers la version 0.11.112301 , la prise en charge de Promise a été supprimée, empêchant事项助手de fonctionner normalement. Pour résoudre ce problème, la bibliothèque de compatibilité tierce Bluebird a été introduite dans l'EDI. Projet pour prendre en charge Promise .Le code a été intégré au code du projet.
[2016-11-16] Mise à jour de Case事项助手pour coopérer avec le développement des didacticiels WeChat Mini Program ES6 et Matter Assistant. Il présente principalement la méthode de développement ES6 du Mini Program.
[2016-10-31] Le mini programme est mis à jour vers la dernière version 0.10.102800. Il est compatible avec les nouvelles annotations avant suppression. L'image du carrousel sur la page d'accueil de知乎日报revient à la normale. Initialement développé, il s'appelle temporairement事项助手. Sa fonction principale est d'afficher dynamiquement le nombre de jours dans le mois civil.
[2016-10-29] En raison de la mise à niveau officielle irrégulière de l'EDI, certaines fonctions du mini-programme ont été modifiées et supprimées, empêchant les projets précédents de fonctionner correctement. Le code actuel est basé sur la dernière version de l'environnement d'exploitation IDE, qui est la version 0.10.102800. Vous pouvez cliquer pour télécharger. Bien que le code ait été modifié pour s'adapter à la dernière version de l'environnement de développement, certaines mises en page et pratiques précédentes. ne sont plus officiellement pris en charge, les résultats d'exploitation réels peuvent donc différer de ceux affichés dans les rendus.

reconnaissant

Après le téléchargement du cas知乎日报, certains internautes enthousiastes ont contribué leur propre code pour corriger de nombreux bugs. Merci beaucoup.

@jkgeekJack
Embellissez une partie de l'interface utilisateur, ajoutez des fonctions de collection, modifiez la page d'accueil, les pages de thème et de collection en mode page unique, corrigez le problème selon lequel certaines images ne peuvent pas être affichées, refactorisez certains codes et résolvez le problème d'affichage des caractères d'échappement du contenu.

Exemple d'applet

Assistante matière

Présentez brièvement la méthode de développement ES6 de petits programmes, et enfin donnez l'assistant d'événement comme exemple de démonstration. La fonction de l'assistant d'événement est relativement simple, avec un composant de calendrier et une fonction simple de stockage d'informations sur les événements.


première page	sélection des dates	Page de détails

Zhihu quotidien

Douban Books est une applet de recherche de livres qui utilise simplement des requêtes réseau et une mise en page simple. L'exemple cette fois est知乎日报, qui a plus de points de fonction et la page est plus complexe que l'exemple précédent. Avant d'écrire cette DEMO, de nombreux internautes avaient déjà créé la même DEMO, et ils étaient tous très bons. Après tout, ce cas est très classique et possède une API relativement complète, qui mérite d'être imitée et apprise. Cette DÉMO peut être considérée comme un petit exercice.


première page	Menu de la barre latérale	Page détaillée


Page des paramètres	Revue longue et revue courte	ma collection

Livres Douban

Un exemple très simple, utilisant deux API Douban Books : rechercher des livres et obtenir l'API des détails du livre. Ceci est mon premier mini-programme WeChat.


première page	Page de liste	Page de détail

Articles de blog connexes

L'article suivant a été écrit lorsque j'ai commencé à apprendre de petits programmes. C'est aussi la première fois que j'écris un article. Il contient de nombreuses erreurs et de nombreuses mauvaises phrases et fautes de frappe. Le code de cet entrepôt est obsolète. a été reconstruit et est différent du code de l'article. Il existe des divergences majeures dans les clips. Si vous souhaitez continuer à lire, parcourez simplement.