Vue.js + LeanCloud(node.js)前后端星散开辟榜样

假如对您有协助的话,迎接 star~ 我的github 地点

别的如今用敕令行布置 leancloud 有点题目,async/await 会报错,然则运用 git 布置不会,所以照样运用lean deploy -g 举行布置吧~

LeanCloud 作为国内抢先的 Baas 云效劳提供者,简化了许多相对庞杂的操纵,使得前端工程师 hold 住一个完整项目变得简朴。

经由过程 LeanEngine 云引擎布置前后端代码,合营高效的数据存储完整解放了生产力,尤其是2015年 LeanCloud 推出的 LeanEngine-Full-Stack 解决计划,它整合了当前 Web 手艺的通用计划,并与 LeanEngine 紧密结合,将基本架构、自动化构建、国际化计划等底层手艺解决计划组织成一个团体。用户能够经由过程最简朴的体式格局,直接最先营业开辟,没必要再纠结那些底层的手艺选型了。

然则,这个项目已良久没有更新过了。。。最新的 LeanEngine 云引擎都升级到3.0,许多 api 都有变化,之前的全栈项目倒是没人保护了。

近来进修 Vue.js 觉得真的好用,所以合营最新的云引擎写一个 boilerplate,作为今后疾速开辟的模板东西。

重要手艺栈

  • 言语方面,整套计划运用 ES6规范的 JavaScript 代码举行开辟。

  • Server 端运转环境基于 LeanEngine Node.js 环境,依靠装置经由过程 npm,效劳框架重要基于 Express 4.x。

  • 前端取了个巧,直接运用了尤雨溪大大的 Vue-cli 天生。

前后端完整星散,效劳端设置了跨域,前端项目提出去也是 OK 的。

.
├── public          // LeanEngine Web 前端宣布目次,HTML\CSS\JavaScript 构建后将安排于此
├── server-modules  // 效劳器端代码模块目次
│    ├── app            // LeanEngine 效劳端代码主进口
│    ├── api-router     // API 接口路由设置
│    ├── tool           // 东西要领
│    └── hello          // 示例代码
├── fe                       // Web 前端项目目次
│    ├── build          // 前端开辟环境
│    ├── config         // 设置文件
│    └── src            // 源码目次
└── server       // LeanEngine 的环境设置

运用体式格局

假如没有运用过,并不相识 LeanCloud 或 LeanEngine,先到官网中相识。

起首确认本机已装置 Node.js 运转环境和 LeanCloud 敕令行东西,以后根据以下体式格局最先您的开辟:

git clone 本项目后

  • 在该项目根目次实行

    $ npm install  // 装置效劳端环境依靠
  • fe 目次中实行

    $ npm install  // 装置前端环境依靠

调试

  • 根目次实行

    $ lean up

    运转效劳器端环境,经由过程 http://localhost:3000/ 能够测试

  • fe 目次中实行

    $  npm run dev

    运转 web 前端环境,经由过程 http://localhost:8080 能够调试

    npm run build // 前端资本紧缩并宣布到根目次 public文件夹中
  • 开辟时须要同时运转这两个使命(开两个 terminal),就能够同时调试 Server 与 Web

更多关于 LeanCloud 构建布置的敕令能够在LeanCloud官网找到。

参考资料

协定

MIT

    原文作者:将就
    原文地址: https://segmentfault.com/a/1190000005873737
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞