成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue.js + LeanCloud（node.js）前后端分離開發(fā)樣板

wudengzan / 2301人閱讀

摘要：最新的云引擎都升級到，很多都有變化，之前的全棧項目卻是沒人維護了。最近學(xué)習(xí)感覺真的好用，所以配合最新的云引擎寫一個，作為以后快速開發(fā)的模板工具。前后端完全分離，服務(wù)端設(shè)置了跨域，前端項目提出去也是的。

如果對您有幫助的話，歡迎 star~ 我的github 地址

另外現(xiàn)在用命令行部署 leancloud 有點問題，async/await 會報錯，但是使用 git 部署不會,所以還是使用lean deploy -g 進行部署吧~

LeanCloud 作為國內(nèi)領(lǐng)先的 Baas 云服務(wù)提供者，簡化了很多相對復(fù)雜的操作，使得前端工程師 hold 住一個完整項目變得簡單。

通過 LeanEngine 云引擎部署前后端代碼，配合高效的數(shù)據(jù)存儲完全解放了生產(chǎn)力，尤其是2015年 LeanCloud 推出的 LeanEngine-Full-Stack 解決方案，它整合了當前 Web 技術(shù)的通用方案，并與 LeanEngine 緊密結(jié)合，將基礎(chǔ)架構(gòu)、自動化構(gòu)建、國際化方案等底層技術(shù)解決方案組織成一個整體。用戶可以通過最簡單的方式，直接開始業(yè)務(wù)開發(fā)，不必再糾結(jié)那些底層的技術(shù)選型了。

但是，這個項目已經(jīng)好久沒有更新過了。。。最新的 LeanEngine 云引擎都升級到3.0，很多 api 都有變化，之前的全棧項目卻是沒人維護了。

最近學(xué)習(xí) Vue.js 感覺真的好用，所以配合最新的云引擎寫一個 boilerplate，作為以后快速開發(fā)的模板工具。

主要技術(shù)棧

語言方面，整套方案使用 ES6標準的 JavaScript 代碼進行開發(fā)。

Server 端運行環(huán)境基于 LeanEngine Node.js 環(huán)境，依賴安裝通過 npm，服務(wù)框架主要基于 Express 4.x。

前端取了個巧，直接使用了尤雨溪大大的 Vue-cli 生成。

前后端完全分離，服務(wù)端設(shè)置了跨域，前端項目提出去也是 OK 的。

.
├── public          // LeanEngine Web 前端發(fā)布目錄，HTMLCSSJavaScript 構(gòu)建后將放置于此
├── server-modules  // 服務(wù)器端代碼模塊目錄
│    ├── app            // LeanEngine 服務(wù)端代碼主入口
│    ├── api-router     // API 接口路由配置
│    ├── tool           // 工具方法
│    └── hello          // 示例代碼
├── fe                       // Web 前端項目目錄
│    ├── build          // 前端開發(fā)環(huán)境
│    ├── config         // 配置文件
│    └── src            // 源碼目錄
└── server       // LeanEngine 的環(huán)境配置
使用方式

如果沒有使用過，并不了解 LeanCloud 或 LeanEngine，先到官網(wǎng)中了解。

首先確認本機已經(jīng)安裝 Node.js 運行環(huán)境和 LeanCloud 命令行工具，之后按照以下方式開始您的開發(fā)：

git clone 本項目后

在該項目根目錄執(zhí)行

$ npm install  // 安裝服務(wù)端環(huán)境依賴

在 fe 目錄中執(zhí)行

$ npm install  // 安裝前端環(huán)境依賴

調(diào)試

在根目錄執(zhí)行

$ lean up

運行服務(wù)器端環(huán)境，通過 http://localhost:3000/ 可以測試

在 fe 目錄中執(zhí)行

$  npm run dev

運行 web 前端環(huán)境，通過 http://localhost:8080 可以調(diào)試

npm run build // 前端資源壓縮并發(fā)布到根目錄 public文件夾中

開發(fā)時需要同時運行這兩個任務(wù)（開兩個 terminal），就可以同時調(diào)試 Server 與 Web

更多關(guān)于 LeanCloud 構(gòu)建部署的命令可以在LeanCloud官網(wǎng)找到。

參考資料

LeanEngine-Full-Stack

vue-cli

協(xié)議

MIT

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79877.html

相關(guān)文章

  • Vue.js+LeanCloud 單頁面博客

    摘要：之前看了好多關(guān)于的東東，路由哇，狀態(tài)管理呀，稀里糊涂的一堆東西，每個都相對獨立，這些單獨的和教程看起來覺得明白了，揉到一起不好說了就。。 之前看了好多關(guān)于 Vue.js 的東東，路由哇，狀態(tài)管理呀，稀里糊涂的一堆東西，每個都相對獨立，這些單獨的 demo 和教程看起來覺得明白了，揉到一起不好說了就。。所以想結(jié)合起來寫一寫，作為一只前端汪怎么可以沒有博客~ 寫的過程中有一些心得和踩坑，后...

    Vultr 評論0 收藏0

  • 從零開始的個人技術(shù)博客

    摘要：大牛勿噴單頁面博客簡介一個前后端完全分離的單頁應(yīng)用線上地址點此查看響應(yīng)式布局主頁，關(guān)于，標簽過渡動畫文章顯示和代碼高亮技術(shù)棧前端狀態(tài)管理路由語法解析后端服務(wù)端框架數(shù)據(jù)存儲開發(fā)啟動服務(wù)器端默認地址另開一個啟動前端項目，默認地址構(gòu)建部署在目錄 大牛勿噴！ Vue.js+LeanCloud單頁面博客 簡介 一個前后端完全分離的單頁應(yīng)用 線上地址點此查看 version 1.0 響應(yīng)式布局...

    lifefriend_007 評論0 收藏0

  • 從零開始的個人技術(shù)博客

    摘要：大牛勿噴單頁面博客簡介一個前后端完全分離的單頁應(yīng)用線上地址點此查看響應(yīng)式布局主頁，關(guān)于，標簽過渡動畫文章顯示和代碼高亮技術(shù)棧前端狀態(tài)管理路由語法解析后端服務(wù)端框架數(shù)據(jù)存儲開發(fā)啟動服務(wù)器端默認地址另開一個啟動前端項目，默認地址構(gòu)建部署在目錄 大牛勿噴！ Vue.js+LeanCloud單頁面博客 簡介 一個前后端完全分離的單頁應(yīng)用 線上地址點此查看 version 1.0 響應(yīng)式布局...

    Youngdze 評論0 收藏0

  • 3年，從工程師到創(chuàng)始人

    摘要：我們的產(chǎn)品覆蓋了和，目前項目全都架在的云引擎之上。我們的方案是把業(yè)務(wù)代碼從中抽出來了，做成了移動端，這樣業(yè)務(wù)能在和中共用，移動端是基于的云引擎環(huán)境下開發(fā)的。在這個過程中，云引擎和都發(fā)揮了重要作用。 【玩轉(zhuǎn) LeanCloud 】活動開發(fā)經(jīng)驗分享： 作者：黃濤 大家好，我是 htoooth，在一家電商公司做 Node.js 開發(fā)，愛折騰，喜歡追新語言，像 golang、elixir、cl...

    AlienZHOU 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<