摘要：技術(shù)棧自動(dòng)化部署圖靈機(jī)器人打包，同步，服務(wù)器上傳一個(gè)命令全搞定功能清單登陸注冊(cè)獲取聊天記錄包含前端分頁優(yōu)化發(fā)送文字，表情，文件消息創(chuàng)建群組，添加群組，群組搜索修改個(gè)人信息，群組信息圖片裁剪壓縮上傳私聊圖靈機(jī)器人接入定時(shí)任務(wù)爬取電影和等數(shù)字

vue+vuex+vue-router+socket.io+koa2+mongodb+pm2自動(dòng)化部署+圖靈機(jī)器人+[npm script打包，cdn同步，服務(wù)器上傳一個(gè)命令全搞定]

登陸注冊(cè)

獲取聊天記錄（包含前端分頁優(yōu)化）

發(fā)送文字，表情，文件消息

創(chuàng)建群組，添加群組，群組搜索

修改個(gè)人信息，群組信息

圖片裁剪壓縮上傳

私聊

圖靈機(jī)器人接入

定時(shí)任務(wù)爬取電影和btc等數(shù)字貨幣的價(jià)格并使用socket.io實(shí)時(shí)推送給所有客戶端

前端一鍵打包同步到七牛cdn并上傳到服務(wù)器的實(shí)現(xiàn)

server端的pm2自動(dòng)部署

后端的代碼暫時(shí)不開放出來，因?yàn)樯婕暗胶芏鄠€(gè)人的配置數(shù)據(jù)，如果實(shí)在需要可以加微信 MSC199312 （需要付費(fèi)0.0！），畢竟這個(gè)小項(xiàng)目斷斷續(xù)續(xù)也做了幾個(gè)星期，也還花了些心思，而且涉及的知識(shí)點(diǎn)也都還是很廣很實(shí)用的，還望理解，其實(shí)主要原因還是窮[淚奔]

客戶端 main.js

import Vue from "vue"
import App from "./App"
import router from "./router"
import VueLazyload from "vue-lazyload"
import store from "@/store"
import io from "socket.io-client"
import "@/assets/js/remChange"
import "@/assets/js/request"
// import { wxConfig, updateShare } from "@/assets/js/wxenv"
import "@/assets/css/common.scss"
import "swiper/dist/css/swiper.min.css"
import config from "@/assets/js/config"
import filters from "@/assets/js/filters"
import { openToast } from "@/assets/js/tools"

Vue.config.productionTip = false

// 初始化全局過濾器
Object.keys(filters).forEach(item => {
  Vue.filter(item, filters[item])
})

// 懶加載
Vue.use(VueLazyload, {
  attempt: 1,
  // preLoad: 1.3,
  error: require("./assets/images/404.png"),
  loading: require("./assets/images/loading-img2.gif"),
  // the default is ["scroll", "wheel", "mousewheel", "resize", "animationend", "transitionend"]
  listenEvents: [ "scroll" ]
})

Vue.prototype.$config = config

router.beforeEach((to, from, next) => {
  // 如果未匹配到路由
  if (to.matched.length === 0) {
    // 如果上級(jí)也未匹配到路由則跳轉(zhuǎn)登錄頁面，如果上級(jí)能匹配到則轉(zhuǎn)上級(jí)路由
    from.name ? next({ name: from.name }) : next("/")
  } else {
    // 路由切換時(shí)改變頁面標(biāo)題
    document.querySelector("title").innerHTML = to.name
    // 統(tǒng)計(jì)代碼
    if (to.path) _czc.push(["_trackPageview", "/#" + to.fullPath], "")
    next()
  }
})

// 路由變化重新配置微信分享
router.afterEach(to => {
  // wxConfig(() => updateShare())
})

// socket.io 初始化
const socket = io.connect(config.socketBase)
Vue.prototype.$socket = socket
Vue.prototype.$socketEmiter = (name, data) => {
  store.commit("isLoading", true)
  return new Promise((resolve) => {
    socket.emit(name, data, res => {
      console.log(`${name}>>>`, res)
      store.commit("isLoading", false)
      if (res.status === 1) {
        resolve(res.data)
      } else {
        openToast({
          msg: res.message,
          duration: 1500
        })
      }
    })
  })
}

/* eslint-disable no-new */
const app = new Vue({
  el: "#app",
  router,
  store,
  template: "",
  components: { App }
})

server端 app.js

const Koa = require("koa")
const { resolve } = require("path")
const glob = require("glob")
const { connectDatabase, initAllSchema, initDefaultUser } = require("./database/init")
const config = require("./config")

const useMiddlewares = app => {
  glob.sync(resolve(__dirname, "./middlewares", "**/*.js")).forEach(item => {
    require(item)(app)
  })
}

(async () => {

  console.log("數(shù)據(jù)庫初始化...")
  await connectDatabase()
  initAllSchema()
  await initDefaultUser()

  const app = new Koa()

  console.log("掛載socket.io...")
  const server = require("http").Server(app.callback())
  const io = require("socket.io").listen(server)
  require("./socket")(io)

  // 暴露出io可在其他地方做推送功能
  module.exports.io = io

  console.log("掛載中間件...")
  useMiddlewares(app)

  console.log("初始化定時(shí)任務(wù)...")
  // 多了進(jìn)行一下封裝？
  require("./tools/crawlMovie")
  require("./tools/crawlCoin")

  server.listen(config.server.PORT, () => {
    console.log("正在監(jiān)聽" + config.server.PORT + "端口...")
  })

})()