一個同時支援移動端與小程式的聊天機器人

最美不過快青發表於2018-06-04

股票機器人

前端(移動端&小程式)/後端(nodejs)

前端 : Vue + Mpvue(支援移動端與小程式) ; 後端 : koa(使用Koa2開發服務端)

Vue 是一套用於構建使用者介面的漸進式框架。Vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,Vue 也完全能夠為複雜的單頁應用提供驅動。

mpvue 是一個使用 Vue.js 開發小程式的前端框架。框架基於 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實現,使其可以執行在小程式環境中,從而為小程式開發引入了整套 Vue.js 開發體驗。

koa 是由 Express 原班人馬打造的,致力於成為一個更小、更富有表現力、更健壯的 Web 框架。 使用 koa 編寫 web 應用,通過組合不同的 generator,可以免除重複繁瑣的回撥函式巢狀, 並極大地提升錯誤處理的效率。koa 不在核心方法中繫結任何中介軟體, 它僅僅提供了一個輕量優雅的函式庫,使得編寫 Web 應用變得得心應手。

簡介

一個使用node服務同時支援移動端與小程式的聊天機器人

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

複製程式碼

前後端分離

# 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支援微信版本 >= 6.6.3,對應基礎庫版本 >= 1.9.91。

特性

  • 使用 Vue.js 構建移動端應用
  • 使用 mpvue 複用程式碼構建小程式應用
  • 使用 Koa 構建服務端
  • 使用 Vuex 資料管理方案,方便構建複雜應用
  • 使用 webpack 構建機制:自定義構建策略、開發階段 hotReload
  • 支援使用 npm 外部依賴
  • 使用OLAMI人工智慧開放平臺自然語言語義理解 API

外掛

  • 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 一個使用 JavaScript 實現的開源視覺化庫,可以流暢的執行在 PC 和移動裝置上,相容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的向量圖形庫 ZRender,提供直觀,互動豐富,可高度個性化定製的資料視覺化圖表。

  • Day.js 一個輕量的處理時間和日期的 JavaScript 庫,和 Moment.js 的 API 設計保持完全一樣. 如果您曾經用過 Moment.js, 那麼您已經知道如何使用 Day.js

截圖

移動端 & 小程式

移動端
小程式

Contribution

RuShi

License

MIT

相關文章