Web full stack solution based on Leancloud cloud engine

Leanengine-full-stack

The full STACK DEVELOPER

Complex projects, Collaborative division, automated processes, code organization, framework selection, internationalization programs, etc.

Generator or seed

Leancloud node. JS Service's WEB full stack development technology solution.

Organize infrastructure, automation, and internationalization solutions into a holistic approach.

The entire program JavaScript code uses ECMASCRIPT6

Server-side run based on leanengine node. JS Environment, NPM Express 4.X

Mainly based on the Gulp framework based on the Angular.1.4.x UI framework based on angular Material

NPM Bower installing SASS instead of directly writing CSS files

The entire scaffolding server, based on the Leanengine, has done the API routing infrastructure,

And also integrate some of the conventional processing

Server basic code structure, organizational structure

Base routing hierarchy, default under/api/routing

Settings for the HTML5 cors cross-domain protocol for the API

The other side asks the domain whitelist control, the integrated configurable file

General error handling, etc.

Web front end from the overall technology stack selection can be seen, is a robust and has a certain forward-looking technical solutions.

Mature angular architecture, UI design level based on Google's accumulated multi-year publishing design language

Material Design, UI framework based on angular Material framework

Angular 1.4 has a large performance improvement, ECMAScript 6来 development

The basic organizational structure of code tends to HTML5 the way Web Component are organized

The underlying configuration includes the underlying support for the HTML5 cors protocol, the domain name whitelist, and so on.

Pure front-end routing scheme, based on HTML5 history API and Ui-router

Automated building Systems, basic code compression, merging, ECMAScript and Sass compilation,

The built-in build code is also copied to the public directory for publication use.

The basic structure of the sass to the processing of some mixin and base units.

A pure front-end international program that enables real-time switching of language resources.

Basic structure

Public//leanengine Web Front End Publishing

Server-modules

App.js//service-side code main entry

Api-router.js//API Connector by configuration

Tool.js//Tool methods

Hello.js//Sample code

--Web-project//web front-end project directory

--Gulp Automation built logic module

--dist//Building the source directory after the army

--SRC//Source Directory

--Server.js Leanengine's environment configuration

The entire architecture server side is completely detached from the Web front end, and the rest API is written on the server side, and the Web project is fully

Web App, instead of coupling through templates, the Web-project directory contains all the code for a Web project and is completely independent

A set of systems can also be put out, as a separate project maintenance.

Why the front-end framework chooses angular

Angular 1.x Angular 2.x React and Ploymer have tangled, and we finally chose the Angular 1.4.x version

React not mature solves the separation of the view layer, separating the rendering from the compilation process,

The web side behaves as the JSX changes to virtual DOM, and then the virtual DOM after each diff

Rendering is HTML, and developing an application requires more than just these, but also a set of

Complete solutions for various underlying problems, such as those we have listed above.

React data layer Flux editing paradigm is not mature, UI layer components are scarce, that is

The front-end routing scheme is also controversial, the black technology continues.

React Native but greatly improves the development experience of the Native App, and its advantages

than the current inferior test.

The JavaScript SDK in Leancloud also supports the use of react native

ECMAScript 6

Arrow functions, language-level modularity, native promise all used

Node--harmony for support for ECMAScript 6, node. JS 4.x just released

Fully supported by it, TypeScript such as ECMAScript 6 superset, more

Purely JavaScript, the front end is compiled and processed by Babel automation.

Leanengine-full-stack

The project is a Leancloud-based Nodejs service Leanengine web-wide

Technology Solutions for Stack development

Infrastructure, automated builds, internationalization scenarios, and more

Solutions for technical problems are organized together.

Automation solution based on Gulp, framework based on angular 1.4.x

The UI framework is based primarily on angular Material, building

Relying on NPM, the Web front-end relies on bower installation,

Server basic code structure, organizational structure

Base routing hierarchy, default under/api/routing

Settings for the HTML5 cors cross-domain protocol for the API

Access to domain whitelist control, integrated configurable files

General error handling.

Web full stack solution based on Leancloud cloud engine