Vue.js + LeanCloud（node.js）前后端星散开辟榜样

2024年3月4日 163次阅读 来源: 将就

假如对您有协助的话，迎接 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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞