基于LeanCloud云引擎的Web全栈方案

LeanEngine-Full-Stack

The FULL STACK DEVELOPER

复杂的项目, 协作分工, 自动化流程,代码组织结构,框架选择,国际化方案等

Generator 或者Seed

LeanCloud Node.js 服务的 Web 全栈开发技术解决方案。

将基础架构, 自动化构建, 国际化方案等底层技术解决方案组织成一个整体。

整套方案Javascript代码全部使用ECMAScript6

Server端运行基于LeanEngine Node.js环境,npm  Express 4.X

主要基于Gulp  框架基于Angular.1.4.X  UI框架基于Angular Material

npm    bower安装    SASS而非直接写css 文件

整个脚手架Server基于LeanEngine   底层已将API路由的基础结构做好,

并且将一些常规处理也整合在内

服务端基本代码结构,组织结构

基础的路由分层, 默认在/api/路由下

对API的HTML5  CORS跨域协议的设置

对方问域白名单控制,集成的可配置文件

常规错误处理等

Web 前端   从整体技术栈选择上可以看出,是一个稳健并且有一定前瞻性的技术方案。

成熟的Angular架构体系,UI设计层面基于Google 积累多年面发布的设计语言

Material Design, UI框架基于Angular Material 框架

Angular 1.4在性能上有较大的提升, ECMAScript 6 来开发

代码基本组织结构  趋向于HTML5 Web Component 的组织方式

底层配置   包括HTML5 CORS协议的底层支持, 域名白名单等配置。

纯前端路由方案, 基于HTML5 History API   和 ui-router

自动构建系统, 基础的代码压缩,合并,ECMAScript和SASS编译等过程,

也会将构建后的生成代码拷贝到public 目录,供发布使用。

SASS的基本结构, 以入一些Mixin 和基础单元的处理方式。

纯前端的国际方案,可以实时切换语言资源。

基础结构

public   //LeanEngine Web 前端发布

server-modules

  app.js    //服务端代码主入口

  api-router.js  //API接口器由配置

  tool.js    // 工具方法

  hello.js   //示例代码

-- web-project//Web前端项目目录

  -- gulp   自动化构建的逻辑模块

  --dist      //构建军之后的源码目录

  --src     //  源码目录

-- server.js        LeanEngine  的环境配置

整套架构Server端与Web 前端完全分离, 在Server端编写REST API, Web项目则是完全

Web App, 而不是通过模板来耦合, web-project目录包含了Web项目的全部代码,是完全独立的

一套体系, 也可以提出出去, 作为单独项目维护。

前端框架为什么选择Angular

Angular 1.x  Angular 2.x React 和Ploymer之间有纠结, 而我们最终选择了Angular 1.4.x版本

React 并不成熟 解决了View层的分离,将渲染与编译过程分离,

在Web端表现为将JSX变为Virtual Dom, 再将Virtual Dom 每次Diff后的部分

渲染为HTML, 而开发一个应用程序不仅仅需要这些,还需要一套

完备的处理各种底层问题的方案, 如我们在上面技术列出来的方面。

React数据层Flux 编辑范式并不成熟, UI层组件稀缺, 即便是

前端路由方案也是颇有争议, 黑科技不断。

React Native 但是大提高了Native App 的开发体验,其优势

大于目前的劣试。

LeanCloud中的Javascript SDK也支持React Native中使用

ECMAScript 6

箭头函数,语言层面的模块化,原生的Promise   全部使用

node --harmony 来实现对ECMAScript 6的支持, Node.js 4.x 刚发布

完全对其支持了, TypeScript 之类的ECMAScript 6超集, 更

纯粹的JavaScript, 前端会通过babel 自动化编译处理。

LeanEngine - Full- Stack

该项目为基于LeanCloud提供的Nodejs服务  LeanEngine 的Web 全

栈开发的技术解决方案

将基础架构, 自动化构建,国际化方案等底层

技术问题的解决方案组织在一起。

自动化方案基于Gulp ,  框架基于Angular 1.4.x

UI框架主要基于Angular Material, 构建

依赖于npm , Web前端依赖通过bower安装,

服务端基本代码结构,组织结构

基础的路由分层,默认在/api/路由下

对API的HTML5 CORS跨域协议的设置

对访问域白名单控制, 集成的可配置文件

常规错误处理。

时间: 2024-08-01 22:46:55

基于LeanCloud云引擎的Web全栈方案的相关文章

基于React-Native0.55.4的语音识别项目全栈方案

移动端的API能力验证方案与PC端不一样!不一样!!不一样!!! 即使需要使用的API都存在,也不一定能用,这一点和PC端是有很大区别的,国内的手机系统虽然都是基于Android,但几乎都会经过各大厂商的定制,功能与原版Android系统并不是完全一致的,在考察技术方案的时候一定要确认用demo把功能跑起来才可以,别问我怎么知道的. 一. 移动端直接访问Web应用? PC端基于Web API的语音识别方案可参考<[Recorder.js+百度语音识别]全栈方案技术细节>一文. 1. 调用Web

《web全栈工程师的自我修养》阅读笔记

在买之前以为这本书是教你怎么去做一个web全栈工程师,以及介绍需要掌握的哪些技术的书,然而看的过程中才发现,是一本方法论的书.读起来的感觉有点像红衣教主的<我的互联网方法论>,以一些自己的经历和感悟来阐述web全栈工程师需要具备哪些素质,而不仅仅是需要哪些技术.这算是我买的书中看的最快的一本书. 在阅读这本书之前,我对全栈工程师的理解还停留在node阶段,随着node在服务端的风生水起,有一段时间会认为使用nodejs作为服务端开发,前后端统一使用js开发,便是所谓的全栈开发,比较流行的技术栈

Web全栈工程师修养

全栈工程师现在是个很热的话题,如何定义全栈工程师?在著名的问答网站Quora上有人提出了这个问题,其中一个获得了高票的回答是: 全栈工程师是指,一个能处理数据库.服务器.系统工程和客户端的所有工作的工程师.根据项目的不同,客户需要的可能是移动栈.Web栈,或者原生应用栈 深以为然,所以,全栈工程师应该分为Web全栈和App全栈.恰巧最近看了本有关Web全栈工程师的书,记录下其中一些观点. 笔记 应该从能力和思维方式两方面来判定一个人是否是一个合格的全栈工程师. 对于一些经理来说,宁可雇佣多个可管

买《Python Web全栈工程师》专题视频课程送纸质图书

经过一年多时间的呕心沥血,Python立体化图书--<Python从小白到大牛>即将与大家见面了.所谓立体化图书包括:电子图书.视频.课件和服务等内容. <Python从小白到大牛>纸质图书将于10月上旬上市,为了答谢广大学员对智捷课堂以及关老师的支持,现购买51CTO学院<Python Web全栈工程师>专题视频课程的学员送一本<Python从小白到大牛>纸质版图书.请于购买课程后10个工作日内申请赠书,过期视为放弃.注意:苹果支付购买,以及打折活动购买不

买《Java Web全栈工程师之路》专题视频课程送纸质图书

<Java从小白到大牛>上市一年来,取得了比较好的成绩. 为了答谢广大学员对智捷课堂以及关老师的支持,现购买51CTO学院<Java Web全栈工程师之路>专题视频课程的学员送一本<Java从小白到大牛>纸质版图书.请于购买课程后10个工作日内申请赠书,过期视为放弃.注意:苹果支付购买,以及8折(含8折)一下活动购买不赠送图书.领取说明:加qq群:51CTO-关老师付费群 523714201 验证消息:用户名+订单号即可通过. 最好您在购买之前咨询客服人员,以免不符合赠

web全栈开发工程师的趋势、价值

随着技术的发展.用户量的增加.客户端种类变多,每一个小小的细节都需要优化和考虑.在海量的访问量面前,也许改变一个按钮的位置和颜色就能影响上千万次的用户体验.如今的互联网产品已不是以一己之力就可以完成的乐高积木了,Web开发需要以某种可控的方式来管理.于是,所有认真对待互联网产品的大公司都引入了流水线开发流程,在这条流水线上诞生了多个非常专业的职位. 1. 岗位需要"T"型人才 要求你不仅"一样精"更要在"一样精"的基础上"百样通&quo

《Web全栈工程师的自我修养》读书笔记(转载)

[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/5243181.html [正文] 豆瓣链接:https://book.douban.com/subject/26598045/ [目录] 01 什么是全栈工程师 02 如何成为全栈工程师 03 从学生到工程师 04 野生程序员的故事 05 工程师事业指南 06 全栈工程师眼中的HTTP 07 高性能

《web全栈工程师的自我修养》 读书笔记

作者:余果. 人民邮电出版社.2015年9月第1版. 值得轻快一读,另外此书里推荐的书籍很好.Full-Stack Engineer! 一.如何成为全栈工程师 1 定义:全栈工程师是指,一个能处理数据库.服务器.系统工程和客户端的所有工作的工程师.根据项目不同,可能分为移动栈.web栈,或原生应用程序栈. 2 研发流水线 产品经理 >交互设计>>视觉设计>>前端开发/后台开发>>测试>>发布 3 代表性的全栈框架 LAMP.MEAN 4 建议:先精后广

WEB全栈---HTML

WEB基础 HTML,CSS,JAVASCRIPTPYTHON WEBPYTHON + HTML + CSS + JAVASCRIPT(Django) 1.WEB概述1.什么是WEBWEB就是互联网上的一种应用程序 - 网页典型的程序:1.C / SC : Client(客户端)S : Server(服务器)2.B / SB : Browser(浏览器)S : Server(服务器)2.WEB的组成 & 运行流程由服务器,浏览器 和 通信协议 组成服务器:处理用户的请求和响应浏览器:代替用户向服