摘要:最新的云引擎都升級到,很多都有變化,之前的全棧項目卻是沒人維護了。最近學習感覺真的好用,所以配合最新的云引擎寫一個,作為以后快速開發的模板工具。前后端完全分離,服務端設置了跨域,前端項目提出去也是的。
如果對您有幫助的話,歡迎 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 前端發布目錄,HTMLCSSJavaScript 構建后將放置于此 ├── 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官網找到。
參考資料LeanEngine-Full-Stack
vue-cli
協議MIT
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79877.html
摘要:之前看了好多關于的東東,路由哇,狀態管理呀,稀里糊涂的一堆東西,每個都相對獨立,這些單獨的和教程看起來覺得明白了,揉到一起不好說了就。。 之前看了好多關于 Vue.js 的東東,路由哇,狀態管理呀,稀里糊涂的一堆東西,每個都相對獨立,這些單獨的 demo 和教程看起來覺得明白了,揉到一起不好說了就。。所以想結合起來寫一寫,作為一只前端汪怎么可以沒有博客~ 寫的過程中有一些心得和踩坑,后...
摘要:大牛勿噴單頁面博客簡介一個前后端完全分離的單頁應用線上地址點此查看響應式布局主頁,關于,標簽過渡動畫文章顯示和代碼高亮技術棧前端狀態管理路由語法解析后端服務端框架數據存儲開發啟動服務器端默認地址另開一個啟動前端項目,默認地址構建部署在目錄 大牛勿噴! Vue.js+LeanCloud單頁面博客 簡介 一個前后端完全分離的單頁應用 線上地址點此查看 version 1.0 響應式布局...
摘要:大牛勿噴單頁面博客簡介一個前后端完全分離的單頁應用線上地址點此查看響應式布局主頁,關于,標簽過渡動畫文章顯示和代碼高亮技術棧前端狀態管理路由語法解析后端服務端框架數據存儲開發啟動服務器端默認地址另開一個啟動前端項目,默認地址構建部署在目錄 大牛勿噴! Vue.js+LeanCloud單頁面博客 簡介 一個前后端完全分離的單頁應用 線上地址點此查看 version 1.0 響應式布局...
摘要:我們的產品覆蓋了和,目前項目全都架在的云引擎之上。我們的方案是把業務代碼從中抽出來了,做成了移動端,這樣業務能在和中共用,移動端是基于的云引擎環境下開發的。在這個過程中,云引擎和都發揮了重要作用。 【玩轉 LeanCloud 】活動開發經驗分享: 作者:黃濤 大家好,我是 htoooth,在一家電商公司做 Node.js 開發,愛折騰,喜歡追新語言,像 golang、elixir、cl...
閱讀 3723·2021-10-13 09:39
閱讀 3789·2021-09-24 09:48
閱讀 1189·2021-09-01 10:30
閱讀 2526·2019-08-30 15:55
閱讀 1774·2019-08-29 16:39
閱讀 2296·2019-08-26 13:55
閱讀 3050·2019-08-26 12:23
閱讀 1634·2019-08-26 11:59