Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zz570557024/vue-mpvue-ChatRobot

㊙A chat robot for web & Wechat producted by vue+mpvue+nodejs.
https://github.com/zz570557024/vue-mpvue-ChatRobot

chat echarts mpvue vue vue-mpvue vuex wxapp wxmp

Last synced: 3 months ago
JSON representation

㊙A chat robot for web & Wechat producted by vue+mpvue+nodejs.

Awesome Lists containing this project

README

        

# 股票机器人

## 前端(移动端&小程序)/后端(nodejs)

*前端 : Vue + Mpvue(支持移动端与小程序) ; 后端 : koa(使用Koa2开发服务端)*

> [Vue](https://cn.vuejs.org/) 是一套用于构建用户界面的渐进式框架。`Vue` 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,`Vue` 也完全能够为复杂的单页应用提供驱动。

> [mpvue](http://mpvue.com/) 是一个使用 `Vue.js` 开发小程序的前端框架。框架基于 `Vue.js` 核心,`mpvue` 修改了 `Vue.js` 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 `Vue.js` 开发体验。

> [koa](https://koa.bootcss.com/) 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用,通过组合不同的 generator,可以免除重复繁琐的回调函数嵌套, 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件, 它仅仅提供了一个轻量优雅的函数库,使得编写 Web 应用变得得心应手。

## 简介

> [一个使用node服务同时支持移动端与小程序的聊天机器人](https://www.jianshu.com/p/91e566bfeedf)

## Build Setup

``` bash
# 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

```

## 前后端分离

```bash
# start mini progrom
npm run dev

# start H5 pages
npm run devH5

# start server
npm run server
```
*(服务端代码仅位于项目`server`文件夹下,可根据自身需求进行拆分)*

## 重要!!!

- 请在`project.config.json`文件,`appid`处填写自己的微信开发账号`appid`;
- [echarts-for-weixin](https://github.com/ecomfe/echarts-for-weixin)支持微信版本 >= 6.6.3,对应基础库版本 >= 1.9.91。

## 特性

* 使用 `Vue.js` 构建移动端应用
* 使用 `mpvue` 复用代码构建小程序应用
* 使用 `Koa` 构建服务端
* 使用 [Vuex](https://github.com/vuejs/vuex) 数据管理方案,方便构建复杂应用
* 使用 [webpack](https://github.com/webpack/webpack) 构建机制:自定义构建策略、开发阶段 hotReload
* 支持使用 [npm](https://github.com/npm/npm) 外部依赖
* 使用[OLAMI](https://cn.olami.ai/open/website/home/home_show)人工智能开放平台自然语言语义理解 API

## 插件

- [gulp](https://www.gulpjs.com.cn/)
is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

- [Echarts](https://github.com/apache/incubator-echarts)
一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。

- [Day.js](https://github.com/iamkun/dayjs)
一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js

## 截图

**移动端 & 小程序**

![移动端](./static/res/readmeImg/demo_web.gif) ![小程序](./static/res/readmeImg/demo_wx.gif)

## Contribution

[RuShi](https://github.com/zz570557024)

## License

[MIT](http://opensource.org/licenses/MIT)