vue mpvue ChatRobot

stock robot

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

Front-end: Vue + Mpvue (supports mobile terminals and applets); Back-end: koa (uses Koa2 to develop the server)

Vue is a progressive framework for building user interfaces. Vue 's core library only focuses on the view layer, which is not only easy to get started, but also easy to integrate with third-party libraries or existing projects. On the other hand, when combined with a modern tool chain and various supporting libraries, Vue is fully capable of providing drivers for complex single-page applications.

mpvue is a front-end framework for developing small programs using Vue.js The framework is based on the core of Vue.js mpvue modifies the runtime and compiler implementations of Vue.js so that it can run in a mini program environment, thus introducing a complete Vue.js development experience for mini program development.

koa is built by the original team of Express and is committed to becoming a smaller, more expressive, and more robust web framework. Using koa to write web applications, by combining different generators, you can avoid repeated and cumbersome callback function nesting, and greatly improve the efficiency of error handling. koa does not bind any middleware in the kernel method. It only provides a lightweight and elegant function library, making writing Web applications easy.

Introduction

A chatbot that uses node services to support both mobile terminals and mini programs

Build Setup

 # 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

Separation of front and back ends

 # start mini progrom
npm run dev

# start H5 pages
npm run devH5

# start server
npm run server

(The server code is only located in the project server folder and can be split according to your own needs)

important! ! !

• Please fill in your own WeChat development account appid in the project.config.json file, appid ;
• echarts-for-weixin supports WeChat version >= 6.6.3, corresponding to the basic library version >= 1.9.91.

characteristic

• Build mobile applications using Vue.js
• Build mini-program applications using mpvue reused code
• Build the server using Koa
• Use Vuex data management solution to easily build complex applications
• Use webpack build mechanism: custom build strategy, hotReload during development phase
• Support using npm external dependencies
• Use the OLAMI artificial intelligence open platform natural language semantic understanding API

plug-in

• gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

• Echarts is an open source visualization library implemented using JavaScript. It can run smoothly on PCs and mobile devices. It is compatible with most current browsers (IE8/9/10/11, Chrome, Firefox, Safari, etc.). The underlying layer relies on lightweight The vector graphics library ZRender provides intuitive, interactive, and highly customizable data visualization charts.

• Day.js is a lightweight JavaScript library for handling time and dates, keeping the same API design as Moment.js. If you have ever used Moment.js, you already know how to use Day.js

screenshot

Mobile terminal & mini program

Contribution

RuShi

License

MIT