vue mpvue ChatRobot

robot común

Front-end (terminal móvil y subprograma)/back-end (nodejs)

Front-end: Vue + Mpvue (admite terminales móviles y applets); Back-end: koa (usa Koa2 para desarrollar el servidor)

Vue es un marco progresivo para crear interfaces de usuario. La biblioteca principal de Vue solo se centra en la capa de vista, que no solo es fácil de comenzar, sino que también es fácil de integrar con bibliotecas de terceros o proyectos existentes. Por otro lado, cuando se combina con una cadena de herramientas moderna y varias bibliotecas de soporte, Vue es totalmente capaz de proporcionar controladores para aplicaciones complejas de una sola página.

mpvue es un marco de interfaz de usuario para desarrollar pequeños programas utilizando Vue.js El marco se basa en el núcleo de Vue.js mpvue modifica el tiempo de ejecución y las implementaciones del compilador de Vue.js para que pueda ejecutarse en un entorno de miniprograma, introduciendo así una experiencia completa de desarrollo Vue.js para el desarrollo de miniprogramas.

koa fue creado por el equipo original de Express y se compromete a convertirse en un marco web más pequeño, más expresivo y más robusto. Al usar koa para escribir aplicaciones web, al combinar diferentes generadores, puede evitar el engorroso y repetido anidamiento de funciones de devolución de llamadas y mejorar en gran medida la eficiencia del manejo de errores. koa no vincula ningún middleware en el método del kernel. Solo proporciona una biblioteca de funciones liviana y elegante, lo que facilita la escritura de aplicaciones web.

Introducción

Un chatbot que utiliza servicios de nodos para dar soporte tanto a terminales móviles como a miniprogramas

Configuración de compilación

 # 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

Separación de los extremos delantero y trasero.

 # start mini progrom
npm run dev

# start H5 pages
npm run devH5

# start server
npm run server

(El código del servidor solo se encuentra en la carpeta server del proyecto y se puede dividir según sus propias necesidades)

¡importante! ! !

• Complete su propia cuenta de desarrollo de WeChat appid en el archivo project.config.json , appid ;
• echarts-for-weixin admite la versión WeChat >= 6.6.3, correspondiente a la versión de la biblioteca básica >= 1.9.91.

característica

• Cree aplicaciones móviles usando Vue.js
• Cree aplicaciones de miniprogramas utilizando código reutilizado mpvue
• Construya el servidor usando Koa
• Utilice la solución de gestión de datos Vuex para crear fácilmente aplicaciones complejas
• Utilice el mecanismo de compilación del paquete web: estrategia de compilación personalizada, hotReload durante la fase de desarrollo
• Apoyar el uso de dependencias externas de npm
• Utilice la API de comprensión semántica del lenguaje natural de la plataforma abierta de inteligencia artificial OLAMI

complemento

• gulp es un conjunto de herramientas para automatizar tareas dolorosas o que consumen mucho tiempo en su flujo de trabajo de desarrollo, para que pueda dejar de perder el tiempo y crear algo.

• Echarts es una biblioteca de visualización de código abierto implementada mediante JavaScript. Puede ejecutarse sin problemas en PC y dispositivos móviles. Es compatible con la mayoría de los navegadores actuales (IE8/9/10/11, Chrome, Firefox, Safari, etc.). se basa en la biblioteca de gráficos vectoriales ZRender, que es liviana, y proporciona gráficos de visualización de datos intuitivos, interactivos y altamente personalizables.

• Day.js es una biblioteca de JavaScript liviana para manejar horas y fechas, que mantiene el mismo diseño de API que Moment.js. Si alguna vez ha usado Moment.js, ya sabe cómo usar Day.js.

captura de pantalla

Terminal móvil y mini programa

Contribución

RuShi

Licencia

MIT