Comment développer efficacement des petits programmes ? Recommander un framework open source absolument facile à utiliser pour les petits programmes-Développement de mini-programmes-php.cn

Cet article vous recommande un framework open source qui est certainement le meilleur mini-programme. Les mini-programmes sont très populaires en ce moment. Comment pouvez-vous le faire si vous ne savez pas comment le développer ? Mais développer des mini-programmes WeChat est toujours une chose fastidieuse et fastidieuse. Il m'a fallu plusieurs jours et demi pour trouver un indice. Quoi qu'il en soit, j'apprends lentement. J'ai retenu certaines connaissances pendant longtemps et je n'arrive pas à comprendre ce qui se passe. Le but d'écrire cet article est de donner à chacun une direction de référence et un choix. J'espère que cela pourra aider tout le monde. Apprenons ensemble. apache php mysql

Comment développer efficacement des petits programmes ? Recommander un framework open source absolument facile à utiliser pour les petits programmes

Donnez quelques exemples

1. mpvue

mpvue est un framework front-end open source développé par Meituan Dianping qui utilise Vue.js pour développer de petits programmes. Le framework est basé sur le noyau de Vue.js. mpvue modifie les implémentations d'exécution et du compilateur de Vue.js afin qu'il puisse s'exécuter dans un environnement de mini-programme, introduisant ainsi une expérience complète de développement de Vue.js pour le développement de mini-programmes. En utilisant mpvue pour développer de petits programmes, vous obtiendrez les capacités suivantes basées sur le système technique des petits programmes :

Capacités approfondies de développement de composants : Améliorer la duplication de code Facilité d'utilisation
Expérience complète de développement Vue.js
Solution pratique de gestion des données Vuex : pratique à construire applications complexes
Mécanisme de construction rapide de webpack : stratégie de construction personnalisée, hotReload pendant la phase de développement
Prend en charge l'utilisation des dépendances externes npm
Utilisez l'outil de ligne de commande Vue.js vue-cli pour initialiser rapidement le projet
La possibilité de convertir le code H5 en code cible de petit programme

Tina.js 2.

Tina.js est un framework d'applet WeChat léger et progressif.

Caractéristiques : Léger et compact. Il est extrêmement facile de démarrer et conserve la plupart de la conception de l'API de MINA (le cadre officiel des mini-programmes WeChat) ; que vous ayez ou non de l'expérience dans le développement de mini-programmes, vous pouvez facilement faire la transition pour commencer. L'amélioration progressive inclut à la fois le gestionnaire d'état et l'amélioration du routage, et vous pouvez également écrire vos propres plug-ins.

3. Taro

Taro est un ensemble de spécifications de syntaxe React créées par JD.com - Aolu Lab. Cadre de développement unifié multiterminal. Si je me souviens bien, il était récemment open source.

En utilisant Taro, nous ne pouvons écrire qu'un seul ensemble de code, puis utiliser l'outil de compilation de Taro pour compiler le code source séparément, puis le compiler sur différents terminaux (applet WeChat, H5, App terminal, etc.) pour exécuter le code. Dans le même temps, Taro fournit également des fonctions de détection de syntaxe et de complétion automatique prêtes à l'emploi, ce qui améliore efficacement l'expérience et l'efficacité du développement.

4. wepy

WePY est un framework qui permet aux petits programmes de prendre en charge le développement de composants via la pré-compilation. La méthode permet aux développeurs de choisir leur style de développement préféré pour développer de petits programmes. L'optimisation détaillée du framework, l'introduction de Promise et des fonctions Async sont toutes conçues pour rendre le développement de petits projets de programme plus facile et plus efficace.

Caractéristiques :

Style de développement de type Vue
Prise en charge du développement de composants personnalisés
Prise en charge de l'introduction de packages NPM
Prend en charge la promesse
Prend en charge les fonctionnalités ES2015+, telles que les fonctions asynchrones
Prend en charge plusieurs compilateurs, Less/Sass/Styus, Babel/Typescript, Pug
Prend en charge le traitement de plusieurs plugins, la compression de fichiers, l'image compression, remplacement de contenu, etc.
Support Sourcemap, ESLint, etc.
Petite optimisation des détails du programme, tels que la file d'attente des demandes, l'optimisation des événements, etc.

5. weweb

weweb est un framework front-end compatible avec la syntaxe des mini-programmes. Vous pouvez utiliser l'écriture de mini-programmes pour écrire des applications Web. Si vous disposez déjà d'un mini-programme, vous pouvez exécuter votre mini-programme dans le navigateur.

Caractéristiques : Multiplateforme, un ensemble de codes s'exécute sur plusieurs terminaux (les petits programmes, h5, directement intégrés dans les applications Android et iOS à l'avenir ne sont pas un rêve) Livré avec des composants communs, hérite parfaitement des composants intégrés du mini programme et est compatible avec la syntaxe rpx du mini programme, facilitant l'adaptation de la page aux différents modèles

Bibliothèque de composants

Il existe également diverses bibliothèques de composants open source, par exemple les suivantes :

Il y en a deux célèbres : zanui -weapp et iview.

J'ai déjà recommandé ces deux bibliothèques de composants sur mon compte officiel. Je ne présenterai pas l'utilisation et les fonctions spécifiques. Vous pouvez retrouver mes tweets précédents ou les rechercher vous-même. . L'utilisation est très simple.

Points clés

Ce qui précède présente 5 frameworks open source et deux bibliothèques de composants. Je ne dis pas que ceux ci-dessus ne sont pas bons. indépendamment de ce qui précède, plusieurs frameworks open source et bibliothèques de composants sont des produits de grands fabricants, et ils sont tous très bons. Mais il ne s'agit que d'un framework open source, d'un framework open source, et une bibliothèque de composants est une bibliothèque de composants. Cela n’a jamais résolu mes problèmes liés au développement seul de mini-programmes WeChat.

L'un des frameworks open source faciles à utiliser pour le développement de petits programmes, et l'autre est une riche bibliothèque de composants. Les frameworks officiels à eux seuls ne peuvent pas répondre à nos besoins et. les bibliothèques de composants sont distinctes. Cela ne résout donc pas mes problèmes. Le framework open source que je recommande aujourd'hui peut non seulement fournir un cadre mais aussi enrichir et étendre de nombreux composants, afin que nous n'ayons pas à nous soucier d'encapsuler nous-mêmes les composants lors du développement .

En fait, la bibliothèque de composants partagée ci-dessus présente un défaut majeur. Leur bibliothèque de composants est assez riche, mais la personnalisation des styles est très rigide et peu flexible, mais celle d'aujourd'hui est beaucoup plus flexible. .

Le framework open source que je recommande à tout le monde est : touchwx.

Touch WX est un cadre de développement d'applets WeChat entièrement gratuit qui contient de riches contrôles d'interface utilisateur pour compléter les composants officiels. Les fonctionnalités sont les suivantes :

1. Extension des composants :

Ajout de plus de 30 composants couramment utilisés pour les versions officielles. composants du supplément.

2. Extension des fonctions :

Compatible avec la bibliothèque d'icônes Iconfont d'Alibaba, des icônes vectorielles massives peuvent être utilisées à volonté. ; Ajout des bibliothèques de styles couramment utilisées, prend en charge moins de syntaxe, prend en charge la configuration globale des couleurs du thème, etc.

3. Amélioration de l'expérience de développement :

La méthode à quatre fichiers est remplacée par une méthode à fichier unique, développée via l'éditeur VSCode + plug-in, avec une expérience en développement Web

4 ; . Conversion de mini programme Pour les applications H5 :

peut être converti vers et depuis le projet Touch UI du cadre de développement H5 et publié dans une webApp. Développez un ensemble de codes et disposez de deux ensembles d’applications.

Le principe de ce framework est :

Compiler le code écrit dans le projet Touch WX et directement La sortie est le code original du projet d'applet WeChat. Les plus de 30 composants étendus sont entièrement implémentés sur la base du mécanisme officiel de composants personnalisés du mini programme (sauf row&col).

Il prend donc en charge toute la syntaxe des mini-programmes. Comment développer des mini-programmes, c'est comment développer Touch WX.

Cependant, comme il s'agit d'une méthode de développement à fichier unique, la structure du code du fichier est légèrement différente. Veuillez noter ceci.

Les avantages de ceci sont :

1. Le coût de migration pour les développeurs est très faible.

Vous pouvez facilement transplanter des petits programmes existants dans des projets Touch WX pour utiliser ses capacités d'extension

Facile. pour résoudre les erreurs.

Lorsqu'ils rencontrent un problème, les développeurs peuvent également consulter le code original de sortie du mini-programme à tout moment pour localiser le problème. Vous ne saurez pas s'il s'agit d'un problème avec le framework ou avec votre propre code

3. Compilez à la demande

Étant donné que les mini-programmes ont une taille limite, lors du développement à l'aide d'un framework, seuls les composants utilisés seront compilés et affichés sous forme de code source du mini-programme. Ceux qui ne sont pas utilisés ne seront pas édités.

4. Aucune dépendance au framework.

Si vous ne souhaitez pas utiliser ce framework à l'avenir, vous pouvez directement maintenir le projet de mini-programme de sortie.

Actuellement, je pense que pour le seul développement de petits programmes, ce framework open source nous convient le mieux et le plus efficace.

Enfin, tout le monde peut l'essayer.

Les partages d'aujourd'hui sont tous compilés pour vous après que je les ai utilisés. Ils sont tous très bons. Vous pouvez les transmettre pour que davantage de personnes le sachent.