資訊專欄INFORMATION COLUMN
摘要：最新的云引擎都升級(jí)到，很多都有變化，之前的全棧項(xiàng)目卻是沒人維護(hù)了。最近學(xué)習(xí)感覺真的好用，所以配合最新的云引擎寫一個(gè)，作為以后快速開發(fā)的模板工具。前后端完全分離，服務(wù)端設(shè)置了跨域，前端項(xiàng)目提出去也是的。
如果對(duì)您有幫助的話，歡迎 star~ 我的github 地址
另外現(xiàn)在用命令行部署 leancloud 有點(diǎn)問題，async/await 會(huì)報(bào)錯(cuò)，但是使用 git 部署不會(huì),所以還是使用lean deploy -g 進(jìn)行部署吧~
LeanCloud 作為國內(nèi)領(lǐng)先的 Baas 云服務(wù)提供者，簡化了很多相對(duì)復(fù)雜的操作，使得前端工程師 hold 住一個(gè)完整項(xiàng)目變得簡單。
通過 LeanEngine 云引擎部署前后端代碼，配合高效的數(shù)據(jù)存儲(chǔ)完全解放了生產(chǎn)力，尤其是2015年 LeanCloud 推出的 LeanEngine-Full-Stack 解決方案，它整合了當(dāng)前 Web 技術(shù)的通用方案，并與 LeanEngine 緊密結(jié)合，將基礎(chǔ)架構(gòu)、自動(dòng)化構(gòu)建、國際化方案等底層技術(shù)解決方案組織成一個(gè)整體。用戶可以通過最簡單的方式，直接開始業(yè)務(wù)開發(fā)，不必再糾結(jié)那些底層的技術(shù)選型了。
但是，這個(gè)項(xiàng)目已經(jīng)好久沒有更新過了。。。最新的 LeanEngine 云引擎都升級(jí)到3.0，很多 api 都有變化，之前的全棧項(xiàng)目卻是沒人維護(hù)了。
最近學(xué)習(xí) Vue.js 感覺真的好用，所以配合最新的云引擎寫一個(gè) boilerplate，作為以后快速開發(fā)的模板工具。
主要技術(shù)棧語言方面，整套方案使用 ES6標(biāo)準(zhǔn)的 JavaScript 代碼進(jìn)行開發(fā)。
Server 端運(yùn)行環(huán)境基于 LeanEngine Node.js 環(huán)境，依賴安裝通過 npm，服務(wù)框架主要基于 Express 4.x。
前端取了個(gè)巧，直接使用了尤雨溪大大的 Vue-cli 生成。
前后端完全分離，服務(wù)端設(shè)置了跨域，前端項(xiàng)目提出去也是 OK 的。
. ├── public // LeanEngine Web 前端發(fā)布目錄，HTMLCSSJavaScript 構(gòu)建后將放置于此 ├── server-modules // 服務(wù)器端代碼模塊目錄 │ ├── app // LeanEngine 服務(wù)端代碼主入口 │ ├── api-router // API 接口路由配置 │ ├── tool // 工具方法 │ └── hello // 示例代碼 ├── fe // Web 前端項(xiàng)目目錄 │ ├── build // 前端開發(fā)環(huán)境 │ ├── config // 配置文件 │ └── src // 源碼目錄 └── server // LeanEngine 的環(huán)境配置使用方式
如果沒有使用過，并不了解 LeanCloud 或 LeanEngine，先到官網(wǎng)中了解。
首先確認(rèn)本機(jī)已經(jīng)安裝 Node.js 運(yùn)行環(huán)境和 LeanCloud 命令行工具，之后按照以下方式開始您的開發(fā)：
git clone 本項(xiàng)目后
在該項(xiàng)目根目錄執(zhí)行
$ npm install // 安裝服務(wù)端環(huán)境依賴
在 fe 目錄中執(zhí)行
$ npm install // 安裝前端環(huán)境依賴調(diào)試
在根目錄執(zhí)行
$ lean up
運(yùn)行服務(wù)器端環(huán)境，通過 http://localhost:3000/ 可以測(cè)試
在 fe 目錄中執(zhí)行
$ npm run dev
運(yùn)行 web 前端環(huán)境，通過 http://localhost:8080 可以調(diào)試
npm run build // 前端資源壓縮并發(fā)布到根目錄 public文件夾中
開發(fā)時(shí)需要同時(shí)運(yùn)行這兩個(gè)任務(wù)（開兩個(gè) terminal），就可以同時(shí)調(diào)試 Server 與 Web
更多關(guān)于 LeanCloud 構(gòu)建部署的命令可以在LeanCloud官網(wǎng)找到。
參考資料LeanEngine-Full-Stack
vue-cli
協(xié)議MIT
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/79877.html
摘要：之前看了好多關(guān)于的東東，路由哇，狀態(tài)管理呀，稀里糊涂的一堆東西，每個(gè)都相對(duì)獨(dú)立，這些單獨(dú)的和教程看起來覺得明白了，揉到一起不好說了就。。 之前看了好多關(guān)于 Vue.js 的東東，路由哇，狀態(tài)管理呀，稀里糊涂的一堆東西，每個(gè)都相對(duì)獨(dú)立，這些單獨(dú)的 demo 和教程看起來覺得明白了，揉到一起不好說了就。。所以想結(jié)合起來寫一寫，作為一只前端汪怎么可以沒有博客~ 寫的過程中有一些心得和踩坑，后...
摘要：大牛勿噴單頁面博客簡介一個(gè)前后端完全分離的單頁應(yīng)用線上地址點(diǎn)此查看響應(yīng)式布局主頁，關(guān)于，標(biāo)簽過渡動(dòng)畫文章顯示和代碼高亮技術(shù)棧前端狀態(tài)管理路由語法解析后端服務(wù)端框架數(shù)據(jù)存儲(chǔ)開發(fā)啟動(dòng)服務(wù)器端默認(rèn)地址另開一個(gè)啟動(dòng)前端項(xiàng)目，默認(rèn)地址構(gòu)建部署在目錄 大牛勿噴！ Vue.js+LeanCloud單頁面博客 簡介 一個(gè)前后端完全分離的單頁應(yīng)用 線上地址點(diǎn)此查看 version 1.0 響應(yīng)式布局...
摘要：大牛勿噴單頁面博客簡介一個(gè)前后端完全分離的單頁應(yīng)用線上地址點(diǎn)此查看響應(yīng)式布局主頁，關(guān)于，標(biāo)簽過渡動(dòng)畫文章顯示和代碼高亮技術(shù)棧前端狀態(tài)管理路由語法解析后端服務(wù)端框架數(shù)據(jù)存儲(chǔ)開發(fā)啟動(dòng)服務(wù)器端默認(rèn)地址另開一個(gè)啟動(dòng)前端項(xiàng)目，默認(rèn)地址構(gòu)建部署在目錄 大牛勿噴！ Vue.js+LeanCloud單頁面博客 簡介 一個(gè)前后端完全分離的單頁應(yīng)用 線上地址點(diǎn)此查看 version 1.0 響應(yīng)式布局...
摘要：我們的產(chǎn)品覆蓋了和，目前項(xiàng)目全都架在的云引擎之上。我們的方案是把業(yè)務(wù)代碼從中抽出來了，做成了移動(dòng)端，這樣業(yè)務(wù)能在和中共用，移動(dòng)端是基于的云引擎環(huán)境下開發(fā)的。在這個(gè)過程中，云引擎和都發(fā)揮了重要作用。 【玩轉(zhuǎn) LeanCloud 】活動(dòng)開發(fā)經(jīng)驗(yàn)分享： 作者：黃濤 大家好，我是 htoooth，在一家電商公司做 Node.js 開發(fā)，愛折騰，喜歡追新語言，像 golang、elixir、cl...
閱讀 3890·2021-10-13 09:39
閱讀 3891·2021-09-24 09:48
閱讀 1259·2021-09-01 10:30
閱讀 2586·2019-08-30 15:55
閱讀 1839·2019-08-29 16:39
閱讀 2354·2019-08-26 13:55
閱讀 3113·2019-08-26 12:23
閱讀 1694·2019-08-26 11:59
