vue mpvue ChatRobot

robot de stock

Front-end (terminal mobile & applet)/back-end (nodejs)

Front-end : Vue + Mpvue (prend en charge les terminaux mobiles et les applets) Back-end : koa (utilise Koa2 pour développer le serveur) ;

Vue est un framework progressif pour créer des interfaces utilisateur. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue, qui est non seulement facile à démarrer, mais également facile à intégrer à des bibliothèques tierces ou à des projets existants. D'un autre côté, combiné à une chaîne d'outils moderne et à diverses bibliothèques de support, Vue est pleinement capable de fournir des pilotes pour des applications complexes d'une seule page.

mpvue est un framework front-end permettant de développer de petits programmes utilisant Vue.js 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 Vue.js pour le développement de mini-programmes.

koa est construit par l'équipe d'origine d'Express et s'engage à devenir un framework Web plus petit, plus expressif et plus robuste. En utilisant koa pour écrire des applications Web, en combinant différents générateurs, vous pouvez éviter l'imbrication répétée et fastidieuse des fonctions de rappel et améliorer considérablement l'efficacité de la gestion des erreurs. koa ne lie aucun middleware dans la méthode du noyau. Il fournit uniquement une bibliothèque de fonctions légère et élégante, facilitant l'écriture d'applications Web.

Introduction

Un chatbot qui utilise les services de nœuds pour prendre en charge à la fois les terminaux mobiles et les mini-programmes

Configuration de la construction

 # install dependencies
npm install

# build mini program
npm start

# build H5 pages
npm run startH5

# build pages for production with minification for mini program
npm run build

# build pages for production with minification for H5 program
npm run buildH5

# build node resource for server
gulp build

Séparation des extrémités avant et arrière

 # start mini progrom
npm run dev

# start H5 pages
npm run devH5

# start server
npm run server

(Le code du serveur se trouve uniquement dans le dossier server du projet et peut être divisé selon vos propres besoins)

important! ! !

• Veuillez remplir votre propre compte de développement WeChat appid dans le fichier project.config.json , appid ;
• echarts-for-weixin prend en charge la version WeChat >= 6.6.3, correspondant à la version de base de la bibliothèque >= 1.9.91.

caractéristiques

• Créez des applications mobiles à l'aide de Vue.js
• Créez des applications de mini-programmes en utilisant le code réutilisé mpvue
• Construisez le serveur en utilisant Koa
• Utilisez la solution de gestion de données Vuex pour créer facilement des applications complexes
• Utiliser le mécanisme de construction du webpack : stratégie de construction personnalisée, hotReload pendant la phase de développement
• Prise en charge de l'utilisation des dépendances externes npm
• Utiliser l'API de compréhension sémantique du langage naturel de la plateforme ouverte d'intelligence artificielle OLAMI

plug-in

• gulp est une boîte à outils permettant d'automatiser les tâches pénibles ou chronophages dans votre flux de travail de développement, afin que vous puissiez arrêter de déconner et créer quelque chose.

• Echarts est une bibliothèque de visualisation open source implémentée à l'aide de JavaScript. Elle peut fonctionner sans problème sur les PC et les appareils mobiles. Elle est compatible avec la plupart des navigateurs actuels (IE8/9/10/11, Chrome, Firefox, Safari, etc.). s'appuie sur la légèreté La bibliothèque de graphiques vectoriels ZRender fournit des graphiques de visualisation de données intuitifs, interactifs et hautement personnalisables.

• Day.js est une bibliothèque JavaScript légère pour gérer l'heure et les dates, conservant la même conception d'API que Moment.js. Si vous avez déjà utilisé Moment.js, vous savez déjà comment utiliser Day.js.

capture d'écran

Terminal mobile et mini programme

Contribution

RuShi

Licence

MIT