高可用架构专用《全栈工程师之路-Node.js》
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Latest commit 68b9a7a Nov 2, 2017
Permalink
Failed to load latest commit information.
css init Mar 14, 2016
dist lazycommmit, please ignore Oct 26, 2016
images init Feb 23, 2017
js init Mar 14, 2016
lib init Mar 14, 2016
plugin init Mar 14, 2016
preview lazycommmit, please ignore Oct 26, 2016
test init Mar 14, 2016
.gitignore refact Mar 24, 2016
2016.md init Mar 22, 2016
CONTRIBUTING.md init Mar 14, 2016
Gruntfile.js init Mar 14, 2016
LICENSE init Mar 14, 2016
README.md Improve code style Nov 1, 2017
aa.md refact May 12, 2016
deploy.md for stuq May 12, 2016
generate.sh init Mar 15, 2016
gulpfile.js init Mar 23, 2016
index.html init Mar 15, 2016
live.md lazycommmit, please ignore Jun 15, 2016
moa.md init Mar 15, 2016
mongoose.md refact May 12, 2016
package.json refact Mar 23, 2016
preview.zip init Mar 22, 2016
tip.md init Mar 22, 2016

README.md

全栈工程师之路-Node.js

高可用架构专用

原文[高可用架构]

https://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=405001493&idx=1&sn=f0ecab9b31bad83fb065ac37bb728245&scene=1&srcid=0324iTRH12WbXL5VDxXnEhH8&key=710a5d99946419d938a0ffc16a3c72118eefbe33f3f8312ed218bccbde126b60e818c8eb1068a9b07bdc8116a077b911&ascene=0&uin=NDIzMjM3MDk1&devicetype=iMac+MacBookPro11%2C1+OSX+OSX+10.10.5+build(14F27)&version=11000006&pass_ticket=xdp3crkTJPuOH6ggUMKnwvfDGKEnMUvwC5V%2FdxlW%2FKdNO9R8zI1xsDFSR4ZJECUU

仔细的对比了一遍,感谢 tim yang 和庆丰校长的整理,非常严谨,比我讲的要好,另外感谢霍老板封我是 StuQ 明星讲师[呲牙][呲牙]

持续更新版本,如果有问题请在 Issue 里提问

已参加分享

如果想邀请分享,请邮寄给我i5ting@126.com,如果时间ok,我会尽量分享

更多沟通

Connect

主要内容

  1. Why Node.js ?
  • 历史
  • 槽点
  • 架构平衡和选择
  • 企业级
  1. 我眼中的 Node.js 核心
  2. 快速开发实践
  3. 全栈 or 全烂 ?
  • 工具链
  • 前端开发4阶段
  • Hybrid 开发
  • 跨平台
  • 全栈的可能
  1. 未来

最近比较火的2016年开发者调查了,Node.js 和全栈、以及和 js 相关的技术都有不错的战绩,这次给大家分享一下《全栈工程师之路-Node.js》,准备的还不够充分,水平也有限,大家见谅啊

http://stackoverflow.com/research/developer-survey-2016

讲师介绍

英文版本

Afred Sang(aka i5ting)

Alfred Sang (aka i5ting), CTO of Aircos, top trainer of StuQ, author of the open source project Moa.js, and also an evangelist of Node.js. The uniqueness of his experience makes him a full stack practitioner. He served at Sina, NQ Mobile by playing several major roles, such as Chief Architect, R&D Director. Currently, he is focusing on technical architecture and organization/talent development. A book from him, named as "Smashing Node.js 6: Koa Everywhere", is also on the way.

He will talk about the pros and cons of Node.js, why it is a good choice for startups, and how to make the right architecture for different scenarios. While on the subject, a thorough and in-depth overview of the myth of the full-stack developer will also be covered.

中文版

桑世龙(网名 i5ting),空弦科技 CTO,StuQ 明星讲师,开源项目 Moajs 作者,Node.js 技术布道者 曾就职在新浪、网秦,曾做过前端、后端、数据分析、移动端负责人、做过首席架构师、技术总监,全栈技术实践者,目前主要关注技术架构和团队梯队建设方向,正在写一个本新书《更了不起的 Node 4:将下一代 Web 框架 Koa 进行到底》

他将讲述 Node.js 的优劣势、为什么它适合创业公司以及如何在不同的情况下选择正确的架构。与此同时,一个全面深入的关于全栈开发者秘密的总览也会涵盖其中。

我这里面先问一下,大家有多少人了解 Node.js?有多少做前端的?做前端又有多少了解 Node.js 的?看来还不是很多,其实 Node.js 就是如果做前端不了解Node.js,我觉得在未来就不是一个好的前端了,所以我们这块讲的时候会把相关的内容加进来,第一个讲一下为什么选择 Node.js,这个是从我们公司一个初创企业的角度讲的,之后讲一下 Node.js 核心的东西,然后讲一下实战经验,最后把全栈的展望,一直从前端,后端,移动端,包括我个人的全栈之路,把这整个全栈路径跟大家分享一下。

Part 1:为什么选用 Node.js ?

已经7岁的 Node.js,你还熟悉么?

以前?现在?

回顾一下2015年 Node.js 的发展历史

http://i5ting.github.io/history-of-node-js/

Q1(1季度)

  • IO.js 1.0.0 发布
  • Joyent 推进建立 Node.js 基金会
    • Joyent, IBM, Microsoft, PayPal, Fidelity, SAP and The Linux Foundation Join Forces to Support Node.js Community With Neutral and Open Governance
  • IO.js 和 Node.js 和解提案

Q2(2季度)

  • npm 支持私有模块
  • Node 项目领导人 TJ Fontaine 逐步解除核心身份并离开 Joyent 公司
    • A changing of the guard in Nodeland.
  • Node.js 和 io.js 在 Node 基金会下合并情况

Q3(3季度)

  • 4.0 版本发布,即新的 1.0 版本

Q4(4季度)

  • Node v4.2.0,首个长期支持版本(LTS)
  • Apigee,RisingStack 和 Yahoo 加入 Node.js 基金会
  • Node Interactive
    • The first annual Node.js conference by the Node.js Foundation

版本帝?

去年

  • 从v0.10.35 开始
  • 2015-01-14发布了v1.0.0版本(io.js)
  • 2.x(io.js)
  • 3.x(io.js)
  • 2015年09月 Node.js 基金会已发布 Node.js V4.0版 与 io.js 合并后的第一个版本
  • 2015年10月 Node.js v4.2.0将是首个lts长期支持版本
  • 年底发布到 4.2.4 && 5.4.0

目前(2016年3月20日)的2个版本

  • v4.4.0 LTS(长期支持版本)
  • v5.9.0 Stable(稳定版本)

schedule.png

整体来说趋于稳定

  • 成立了 Nodejs 基金会,能够让 Nodejs 在未来有更好的开源社区支持
  • 发布了LTS版本,意味着api稳定
  • 快速发版本,很多人吐槽这个,其实换个角度看,这也是社区活跃的一个体现,但如果大家真的看 CHANGELOG,其实都是小改进,而且是边边角角的改进,也就是说Nodejs 的 core(核心)已经非常稳定了,可以大规模使用

以前我们总是喜欢拿异步说事儿

Node.js 与生俱来的2个特性

  • event-driven
  • non-blocking I/O

结果,今天。。。各种【异步】。。。烂大街了

异步已经不是明显优势了

除了性能,其他都是病?

  • 第一、callback hell 问题,目前已经很好的解决了,promise/generator/async 后面会讲
  • 第二、npm 已经是开源世界里最大的包管理器了,模块非常丰富(25.6万+)

官方说

Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world.

以前我们总是喜欢拿异步说事儿,现在我们拿 Node.js 的强大的生态来炫耀

大事儿记

下面介绍点 Node.js 的大事儿记

企业级

Node.js 基金会的创始成员包括 Joyent、IBM、Paypal、微软、Fidelity 和 Linux 基金会

更多参见 https://nodejs.org/en/foundation/members/

对于企业级开发,Node.js 是足够的,无论从性能、安全、稳定性等都是非常棒的。

空弦科技做的是基于云仓储的 SaaS 服务,给中小卖家提供服务,核心系统是进销存 + 订单池 + WMS。目前来看不存在任何问题,稍后会讲我们为啥选择 Node.js

es && babel

  • 2015年 Ecma 国际大会宣布正式批准 ECMA-262 第6版,亦即 ECMAScript 2015(曾用名:ECMAScript 6、ES6)的语言规范

http://babeljs.io/

babel 作为 es 编译器,已经大量开始使用了,模块做的非常棒,还有人用 babel 写其他语言编译器

Node.js 里在0.12之后才增加 es6 特性,es7 的目前还不支持。

所以在 Node.js 里使用 es 里比较高级的特性,是需要 babel 去编译处理的。

这是 Node 追逐的事实标准

微软请求 Node.js 支持 ChakraCore

未来 Node.js 不只是基于 chrome v8 引擎,它还可以支持更多其他 js 引擎,对生态、效率提升等非常有好处

蔡伟小兄弟的查克拉 benchmark 的对比

基本结论是 V8 ES5 >> 查克拉 ES6 > 查克拉 ES5 > V8 ES6

为什么我们选择 Node.js ?

先看一下我们的瓶颈在哪里 ?

  • 1)人(天津不好招人)

Node.js 招不到,好多都是从 java 转的,前端也不好找,好多也是从 java 转的,我们相当于从0开始组建团队

  • 2)开发速度

创业公司,5分钟要造火箭。。。大家都懂

所以让开发快速进入状态,提高开发速度,对我们来说至关重要

  • 3)稳定

在没有专业运维人员的情况下,如何保证系统可用、稳定

于是就引出了我认为的 Node.js 的好处

  • 1)即同样不优化,性能比大部分语言好(天生被黑的优越感,没办法)
  • 2)即使优化,也比其他语言简单,比如 java
  • 3)有足够多的选择和架构的平衡
  • 4)如实在不够,java 补

黑一下 go 语言吧

go 的缺点是很难够(go)着

  • 没有好的包管理,目前生态还不是特别好,选择的可能不多
  • 没有好的调试工具,tdd/bdd 新手难掌握(vscode-go 还凑合)
  • 语法不习惯,强c背景的人不多

总结:适合高端人群,但对团队开发是有门槛的,不适用国内大部分大团队,当然如果你的团队足够牛逼,选go是非常好的选择。

羊和骆驼的故事告诉我们:够得着你牛逼,够不着,累死你也够不着

选择

Node.js 给了我们足够的选择空间

1)可难可易

  • 可以采用面向过程
  • 可以面向对象
  • 可以函数式

甚至可以用各种编译器 coffee、typescript、babel(es)等

对于从0开始的团队来讲,可以先面向过程、然后随着团队的成熟度,一点一点增加难度

2)提供好的基础和包管理工具

  • 测试相关 tdd/bdd/测试覆盖率
  • 规范化 standard、各种 lint、hint
  • 构建相关 gulp、grunt、webpack,大量插件
  • 生成器 yo 等
  • 包管理工具 npm 足够简单易用

以上这些都做大型软件的基础,Node.js 在这方面做得非常好

3)特定场景的快速

很多人把 MEAN 组合(比如 mean.io)起来,这样做的好处是如果熟悉,开发速度确实会非常快,但确定是难度太大,很少有人能搞的定

metetor 模糊了服务端和客户端,是同构的典型应用,对于实时场景是非常高效的。

这种东西都算特定场景的快速,一般不敢轻易上,调优难度非常大,如果有人能 cover 的住,在初期是非常高效的。

4)总结

  • 可以简单,可以难
  • 可以快、也可以慢
  • 可以开发大型软件

还有一个问题就是如果以上不满足咋办?这时就需要架构平衡了

架构平衡

先说技术选型的3个思考点

  • 在语言层面可以做,那语言层面做
  • 如果语言层面搞不定,那就架构层面做
  • 如果架构层面也搞不定,这东西就不能用了

各自做各自合适的事儿就好,下面分别举例看看

我们很坦然的面对Node.js的优点和缺点

  • 1)语言层面能解决的
    • 已有大量 npm 上的模块(目前在25.6万个以上)
    • 自己造轮子(站在海量包上 + 简单语法 + npm = 快速)
    • 使用 Node.js 里的nan自己包装 c/c++ 轮子

绝大部分需求都可以满足了

  • 2)架构层面能解决的
    • 业务边界、模块拆分、面向服务
    • mq、rpc、cache
    • 运维、监控、自动化

稍微解释一下

  • 首先,架构和是不是 Node.js 写的没关系,是独立的
  • 其次,架构师常用的东东有足够的 Node.js 模块支持,比如mq,像 rabbitmq 有比较好的 node 模块支持,像 rpc 里 thrift、grpc、tchannel 支持的都不错,我们使用的 senecajs,比如 redis,我们使用的 ioredis,后面做 ha 都是一样的。
  • 合适的场景用合适的东西

有很多东西是 Node.js 不擅长,又不在架构范畴里的,咋办?

3)如实在不够,java 补(严格点,应该叫其他语言补)

  • 比如复杂 excel 生成
  • 比如 apns 推送(go 做其实也很好,不过除了我,没人能维护。。。)

但凡是 java 或其他语言里比较成熟的库,可以作为独立服务使用的,都可以做 Node.js 的支持。避免过多的时间用在早轮子上,影响开发进度

效率问题?

执行效率:

  • 同样不优化,性能比大部分语言好

开发效率:

  • Node.js 本身比较简单,开发效率还是比较高的
  • 完善的生态,比如测试、工具、npm 大量模块

缺少 rails 一样的大杀器

  • scaffold 脚手架
  • orm 太弱

Node.js 的 WEB 开发框架 express、koa 等,简单,小巧,精致,缺点是集成度不够,目前已有的 MEAN / yo / sails 等总有某种方面的不满意

所以我们需要做的

  • 固化项目结构
  • 限定 orm
  • 自定义脚手架

偏偏 Node.js 提供了2点,可以让你30分钟写一个脚手架

  • cli 命令模块,编写非常容易
  • 基于js的模板引擎(知名的30+)

我们用Node.js做什么?

  • API 服务
  • 前端(moa-frontend)
  • SDK(OAuth Provider)
  • 辅助开发 cli 工具

目前进度

  • 使用0.10.38,开发 moajs 框架
    • express/mongodb
    • pm2 部署
    • 阿里云的 slb 负载
    • alinode 监控
  • 前后端分离
    • moa-api
    • moa-frontend
    • moa-h5(未能用)
  • 上 redis 缓存
  • 上 rabbitmq
  • 上 senaca 作为 rpc
  • 上 kong 作为 api gateway(todo)
  • 上 consul 做服务发现和配置(todo)
  • 上 elk 作为日志分析处理(todo)
  • 使用 docker compose 作为本地开发环境(todo)
  • 线上 docker(todo)

技术栈更新

  • nodejs 4.x(预计今年6月份)
  • koa(generator/co)
  • es6/es7(babel)

4.x在内存和性能上都有非常大的提升,新的语言特性上,异步流程和语法上都需要学习,故不急于升级,待人才梯队完善

目前的做法是小步快走

  • 一次只上一样新技术
  • 形成梯队,即可准备上新东西
  • 善用 npm,实现3化
    • 模块化
    • 最小化
    • 服务化

Part 2:我眼中的 Node.js 核心

  • 1)小而美的哲学
  • 2)从 LAMP 到 MEAN
  • 3)异步流程控制
  • 4)Node.js Web 开发
  • 5)Node.js 模块开发

时间原因,接下来稍微介绍一下 MEAN

小而美的哲学

"Small is beautiful" 是 Unix 哲学9条里的第一条,但对 Node.js 来说,它实在是再合适不过了

http://blog.izs.me/post/48281998870/unix-philosophy-and-nodejs

  • Write modules that do one thing well. Write a new module rather than complicate an old one.
  • Write modules that encourage composition rather than extension.
  • Write modules that handle data Streams, because that is the universal interface.
  • Write modules that are agnostic about the source of their input or the destination of their output.
  • Write modules that solve a problem you know, so you can learn about the ones you don’t.
  • Write modules that are small. Iterate quickly. Refactor ruthlessly. Rewrite bravely.
  • Write modules quickly, to meet your needs, with just a few tests for compliance. Avoid extensive specifications. Add a test for each bug you fix.
  • Write modules for publication, even if you only use them privately. You will appreciate documentation in the future.

从LAMP到MEAN

MEAN 是目前最潮的全栈 javascript 架构

MEAN 是一个 Javascript 平台的现代 Web 开发框架总称,它是 MongoDB + Express + AngularJS + NodeJS 四个框架的第一个字母组合。它与传统 LAMP 一样是一种全套开发工具的简称。

从我的角度看

  • mysql 用 mongodb 替换,nosql 里最像 rdbms 的,从开发和性能都是有优势的(老毕已经讲过了)
  • angular 的出现是一个时代,ioc,双向绑定,指令等都曾让无数热血沸腾
  • nodejs 提供了完全的生态和工具链,你要的它基本都有,感谢 npm,早些年 nodejs 的性能甩 php 几条街的
  • express 作为 nodejs 示范项目,它非常精简,是比较合适的 web 框架

我为什么选择MEAN架构?

  • 成熟、稳定,简单,有问题我们能 cover 住,所以我们选了 nodejs
  • 把握趋势,以后 nodejs 的前景非常看好,尤其先后端统一,全栈方向
  • 在架构上可以屏蔽可能风险,不孤注一掷,也不会一叶障目,合理的使用其他语言,只要每个功能都以服务出现,至于它是什么语言写的,并不重要
  • 招人成本的性价比相对较高,技术栈新,容易吸引人才

最重要的一件事儿,是当有问题的时候,有人能 cover 住,在创业初期这是最最重要的事儿。

我的一篇爆款文章《Node.js 最新 Web 技术栈(2015年5月)》https://cnodejs.org/topic/55651bf07d4c64752effb4b1 讲的就是我们用的技术栈

异步流程控制

js 流程控制的演进过程,分以下5部分

    1. 回调函数 Callbacks
    1. 异步 JavaScript
    1. Promise/A+ 规范
    1. 生成器 Generators/ yield(es6)
    1. Async/ await(es7)

  • 目前所有版本都支持 Promise/A+ 规范
  • 目前 Node.js 4.0 + 支持 Generators/ yield
  • 目前不支持 ES7 里的 Async/await,但可以通过 babel 实现

整体来说,对异步流程控制解决的还是比较好的。

详见 Node.js 最新技术栈之 Promise 篇

Node.js Web 开发

  • Node.js Web 开发
    • express、koa
    • restify、hapi
    • 其他框架 sails、meteor

各种类型 web 开发都支持的,一般我们采用非 restful 的使用 express、koa 更简单

如果是纯 restful,可以采用 restify、hapi

另外还有快速模拟 api 的 json-server,对 rest 支持超方便

Node.js 模块开发

  • Node.js 模块开发
    • 普通模块
    • cli
    • 脚手架 scaffold
    • c/c++ addons

普通模块和 cli 模块只是差 package.json 里的

  "preferGlobal": "true",
  "bin": {
    "kp": "kp.js"
  },

脚手架 scaffold = cli + 模板生成,在 Node.js 里这2点都非常容易

在 Node.js 里写 c/c++扩展,有 nan 抽象层,其他就看大家的 c/c++ 水平了

其他

如何看到 koa && koa2

http://17koa.com/node4koa/#/

数据库

见 mongoose.md

如何做 benchmark

https://github.com/17koa/koa-benchmark

开源项目里怎么样写测试、CI 和代码测试覆盖率

https://cnodejs.org/topic/558df089ebf9c92d17e73358

真实环境部署 nodejs 程序

见 deploy.md

Part 3:快速开发实践

1、业务边界优化

创业公司有很多可变性,要做的系统也无数,如何保证业务系统的边界是非常难的,我们其实走了很多弯路,图-稍后补

2、静态 api 理论

当需求和 UE 定下来之后,就开始编写静态 api,这样 app、h5、前端就可以使用静态 api 完成功能,而后端也可以以静态 api 为标准来实现,整体效率还是比较高的。

另外还有基于 api 生成 http 请求的思考(未完成)

3、api 约定

api 的最佳实践

我们采用的微博 API 类似的,约定结构也是类似的

res.api is an express middleware for render json api , it convention over api format like this :

{
  data: {

  },
  status: {
    code : x,
    msg  : 'some message'
  }
}

详见客户端 API 开发总结

4、约定结构

和 java 开发里的目录结构类似,该分层的分层,适当的按照 express/koa 增加中间件、路由等目录,便于开发

5、使用 npm 模块化

  • 使用 npmjs 的 private 私有模块(目前做法)
  • 使用 npm 的本地模块开发方法(测试和部署都非常快)
  • 搭建 npm 私服(todo)
hz-api-cloud-admin
hz-api-cloud-order
hz-api-cloud-stock
hz-api-private
hz-api-private-admin
hz-dao-cloud
hz-dao-private
hz-dao-usercenter
hz-doc-api
hz-frontend
hz-mq 
hz-sms
hz-usercenter
xbm-sdk
hz-api-admin
hz-api-crm
hz-api-order
hz-api-statistics
hz-api-stock
hz-config
hz-dao
hz-doc

6、编写生成器

在 web 开发里,写了 moajs 生成器,类似于 rails

moag order name:string password:string

其他开发,如 iOS 开发里模型校验非常烦,于是写了一个 json2objc 命令行工具,读取 json,生成 OC 代码,可以节省不少时间

7、Moajs框架和前后端分离

  • 前端:moa-frontend
    • public 下面的采用 Nginx 做反向代理
    • 其他的采用 Express + jade 精简代码(ajax 与后端交互)
  • 后端:moa-api

1)moa 生成器

即上面讲的生成器 scaffold

2)moa-frontend

技术栈

  • express
  • jade
  • bootstrap、bootstrap-table
  • jquery
  • gulp
  • nginx

3)moa-api

技术栈

Features

  • 自动加载路由
  • 支持 mongodb 配置
  • 集成 mongoosedao,快速写 crud 等 dao 接口
  • 自带用户管理
  • 使用 jsonwebtoken 做用户鉴权
  • 支持 migrate 测试
  • 支持 mocha 测试
  • 默认集成 res.api,便于写接口
  • 集成 supervisor,代码变动,自动重载
  • gulp 自动监控文件变动,跑测试
  • gulp routes 生成路由说明
  • 使用 log4js 记录日志

4)总结

从开发效果上看,还是非常快的,非常稳定的

更多参见我写的《Moajs框架演进之路》

其他

  • 《从0开始写 Node.js 框架》

Part 4:全栈 or 全烂 ?

Node.js 相关工具

  • grunt/gulp/fis/webpack
  • bower/spm/npm
  • tdd/bdd cucumber/mocha
  • standard
  • babel/typescript/coffee

前端开发4阶段

  • html/css/js(基础)
  • jQuery、jQuery-ui,Extjs(曾经流行)
  • Backbone(mvc),Angularjs、Vuejs(当前流行)
  • React 组件化(未来趋势)、Vuejs

Vuejs 综合 Angular 和 React 的优点,应该是下一个流行趋势

Hybrid 开发

Hybrid 混搭开发是指使用 html5 技术开发的跨浏览器应用,并最终可以将 html5.js.css 等打包成 apk 和 ipa 包的开发方式。它也可以上传到应用商店,提供给移动设备进行安装。它最大的好处是通过 H5 开发一次,就可以在多个平台上安装。

未来的3点判断

  • js 一统天下(nodejs 做后端,传统 web 和 h5 使用 javasctipt,更智能的工具如 gulp,更简单的写法如 coffeescript 等)
  • h5 大行其道,为最终方向(网速变快,硬件内存增长)
  • 组件化,和jvm所谓跨平台类似,是一个很长的中间过渡阶段,用户体验好,唯一的就是现在相对初期,有点坑

跨平台

1)c/s 架构到 b/s 架构

这个大部分都清楚,不多说

2)移动端:加壳

在浏览器上做文章,把页面生成各个移动端的 app 文件

3)PC端:继续加壳

一样是延续浏览器做文章,不过这次把页面生成各个 PC 平台的可执行文件

  • node-webkit is renamed NW.js
  • Electron - Build cross platform desktop apps with web technologies

目前比较火的编辑器 atomvscode都是基于 Electron 打包的。

4) 组件化:统一用法

React 的出现影响最大的是 jsx 的出现,解决了长久以来组件化的问题,

  • 我们反复的折腾 js,依然无法搞定
  • 我们尝试 OO,比如 Extjs
  • 我们最终还是找个中间格式 jsx

单纯的 React 只是 View 层面的,还不足以应用,于是又有 Redux

核心概念:Actions、Reducers 和 Store,简单点说就是状态控制

然后再结合打包加壳,变成 app 或可执行文件

  • iOS、Android 上用 Cordova
  • PC 上使用 Electron

总结

  • 组件定义好(React)
  • 控制好组件之间的状态切换(Redux)
  • 打包或加壳(Cordova or Electron)

这部分其实组件化了前端,那么能否用这样的思想来组件化移动端呢?

再看 react-native

A framework for building native apps with React. http://facebook.github.io/react-native/

简单点说,就是用 React 的语法来组件化 iOS 或 Android SDK。

它们都在告诉我们,你们以后就玩这些组件就好了,你不需要知道复杂的 SDK 是什么

5)当下流行玩法

Medis is a beautiful, easy-to-use Redis management application built on the modern web with Electron, React, and Redux. It's powered by many awesome Node.js modules, especially ioredis and ssh2.

技术点

  • 使用 Node.js 模块
  • 使用 Webpack 构建
  • 使用 React(视图) + Redux(控制逻辑)
  • 使用 Electron 加壳打包

亲,你看到未来了么?

6)总结

讲了 Node 工具,前端4阶段,hybrid,各种跨平台,目前就是为了介绍 Node 全栈的各种可能,下面讲一下如何能做到 Node 全栈?

如何全栈?

全栈核心

  • 后端不会的 UI(界面相关)
  • 前端不会的 DB(业务相关)

只要打通这2个要点,其他就比较容易了

我的全栈之路

没有目标就向钱看,自然会找到目标
  • 从 java 开始,蹭课,背着机箱到深圳,3个月胖20斤
  • 坚持翻译英文文档,看 thinkinjava
  • 毕业后开始 bi,整理 bi 文档
  • 学长明林清,传授 jQuery,愿意学,别人就更愿意分析
  • 接手《内蒙广电数据分析与科学决策系统》,打通前、后端
  • 广东联通,自己造轮子,写 jQuery 插件,DRY
  • 做云计算,学习 AIX,写有《凌云志》
  • 分手、离职,去做 iOS,从 cordova 开始搞 H5,研究各种移动端框架,自己写框架,转原生
  • 面试也是学习的利器,轻松进新浪
既然无法逃避,就热爱它,最后变成兴趣
  • 总结了大量 iOS 经验,想写书,结果写了一堆写书的工具
  • 去网秦做技术总监,做首席,管架构,带人,写开源项目
  • 创业,当 CTO,结婚,做公众号运营,写书,只在 StuQ 讲点课
人生不只有代码,但它能让我快乐,终生受益

也曾懵懂,也曾迷茫,但我这人比较傻,一直信奉:“一次只做1件事儿,尽力做到极致”,短时间看这是比较傻的,但一旦你坚持下去,你就会发现技术其实是门手艺,厚积薄发。

我没办法说自己最擅长什么,但在什么场景下用什么技术是我擅长的。或者说,应变是我最大的本事。很多框架,新技术我都没见过,用过,但花一点点过一下,就能拿已有的知识快速的理解它,这其实是长期学习的好处。

现在越来越忙,写代码的时间越来越少,技术又越发展越快,我能做好的就是每日精进,仗着这点已有的知识储备跟年轻人比赛。我不觉得累,相反我很享受这种感觉,没有被时代淘汰,是一件多么幸福的事儿。

1)从后端转

做后端的人

  • 对数据库是比较熟悉,无论 mongodb,还是 mysql、postgres
  • 对前端理解比较弱,会基本的 html,css,模板引擎等比较熟悉
4阶段循序渐进,build 与工具齐飞

前端开发4阶段,我的感觉是按照顺序,循序渐进

  • html/css/js(基础)
  • jQuery、jQuery-ui,Extjs(曾经流行)
  • Backbone,Angularjs(当前流行)、Vuejs
  • React(未来趋势)、Vuejs

2)从前端转

从前端往后端转,api 接口非常容易学会,像 express、koa 这类框架大部分人一周就能学会,最难的是对 db、er 模型的理解,说直白点,还是业务需求落地的理解

我们来想想一般的前端有什么技能?

  • html
  • css(兼容浏览器)
  • js 会点(可能更多的是会点 jquery)
  • ps 切图
  • firebug 和 chrome debuger 会的人都不太多
  • 用过几个框架,大部分人是仅仅会用
  • 英语一般
  • svn/git 会一点

那么他们如果想在前端领域做的更深有哪些难点呢?

  • 基础:oo,dp,命令,shell,构建等
  • 编程思想上的理解(mvc、ioc,规约等)
  • 区分概念
  • 外围验收,如 H5 和 hybird 等
  • 追赶趋势,如何学习新东西

以上皆是痛点。

所以比较好的办法

  • 玩转 npm、gulp 这样的前端工具类(此时还是前端)
  • 使用 node 做前后端分离(此时还是前端)
    • express、koa 这类框架
    • jade、ejs 等模板引擎
    • nginx
  • 玩转【后端】异步流程处理(promise/es6的(generator|yield)/es7(async|await))
  • 玩转【后端】mongodb、mysql 对应的 Node 模块

从我们的经验看,这样是比较靠谱的。

https://github.com/moajs/moa-frontend

就是最简单前后端分离,里面没有任何和db相关,

技术栈

  • express
  • jade
  • bootstrap,bootstrap-table
  • jquery
  • gulp
  • nginx

一般的前端都非常容易学会,基本2周就已经非常熟练了,我的计划是半年后,让他们接触【异步流程处理】和【数据库】相关内容,学习后端代码,就可以全栈了

3)从移动端转

移动端分

  • native 原生开发
    • hybrid 混搭式开发(比如 cordova)
    • 组件式开发(比如 RN)

面临的问题:Native 开发是姥姥不疼舅舅不爱,非常尴尬,很明显连培训出的人就业不要工资混经验就很明显了。另外领导们也都在惦记,能不能用 H5 写?这还算是保守的,如果直接激进的就直接上 RN 了,那么 Native开发的程序员就变了

一个写插件的程序员...招谁惹谁了。。。。

没办法,认命吧,温水里舒服了几年,也该学点东西了

  • hybrid 或组件化开发,你总要会一样
  • 无论哪种,你都离前端很近,因为 H5 或组件化都是从前端走出来的
  • 组件化在前端领域先行,无论借鉴还是学习都不可避免
  • 如果没时间就直接上组件化,如果有时间就好好学学前端完整体系,最终也还是要学组件化

原生开发就是 iOS 用 OC/Swift,Android 用 java 或 scala 等,就算偶尔嵌入 webview,能玩js的机会也非常好少

所以移动端转全栈的方法,最好是从 cordova(以前叫 phonegap)开始做 hybrid 开发。

  • 只要关注 www 目录里的 H5 即可,比较简单
  • 如果 H5 不足以完成的情况下,可以编写 cordova 插件,即通过插件让 js 调用原生 sdk 里功能
  • cordova 的 cli 可以通过 npm 安装,学习 npm 的好方法
  • 学习 gulp 构建工具

只要入了 H5 的坑,其实就非常好办了。

  • 然后 h5、zeptojs、iscroll、fastclick 等
  • 然后微信常用的,如 weui、vux(vue+weui)、jmui(react+weui)
  • 然后可以玩点框架,比如 jquery mobile,sencha touch
  • 然后可以玩点高级货,ionicframework(基于 angularjs、cordova)
  • 然后前端4阶段,依次打怪升级
  • 然后 node

这个基本上是我走的路,从2010年写iOS、做phonegap(当时是0.9.3)、一路走到现在的总结吧

Part 5:未来

可能是一场春梦,也可能一个变革机遇,我们更相信它是变革机遇,拭目以待吧

谢谢大家

Q & A

问题一:在全栈的语言选择上,除了 node.js,是否还考虑过其他语言?

有的,未来 swift 和 lua 是有可能的。swift 的语法和性能上有很大优势,lua 在 openresty 的推动下也有机会,不过没有 swift 大

像 WebAssembly 之类的就不太看好了

问题二:请教桑老师:刚才你说的并发开发流程中静态api指的是api文档?

如果是的话谁负责编写?你们目前已经是一个人分模块从前端写到后端了吗?

目前没做到文档即静态 api,所以目前是直接提供 json 和部分 json-server

负责是后端开发的 leader 在写,他的进度会比正常开发要早一周左右

目前不是一个人写所有的前后端,团队成立不久,天津 Node.js 会的不多,所以还是前后端分离。但是通过 moa-frontend 可以让前端了解 express 等后端知识,适当的时候会给予机会,前端转后端

问题三:第一贵司在开发协作中提到了静态api,请问是不是有什么比较好的工具可以推荐?

nodejs 里 json-server 比较好

我其实很想围绕静态 api,写各种请求的生成器,只要 api 出来,文档和各平台的 http 请求代码就生成出来,同时可以对正式api进行压测,可惜目前还没精力写

问题四:做 hybrid app 在移动端会遇到性能问题吧。。有没有什么优化经验可以分享?

  • 足够轻量级,少选大框架,做好前端该有的优化
  • 注意 touch 和 click 的区别,比如 fastclick 或 zeptojs 的 tap 手势
  • Chrome profile(css3动画)
  • 使用 weinre 真机测试

我的h5实践

问题五:如果都全栈了,当前你们团队是如何分工的?

我们团队还是倾向于分工专业化,各个服务粒度非常小,便于轮岗、还有就是可以为以后像 google 那样代码开放做准备

但是有很多情况下,是需要有机动的突击队的(尤其是创业时期),这样可以随便组合,另外就是全栈为 remote 提供了更多便利性。

问题六:h5 在手机上用 iscroll 坑比较多啊 尤其三星打开硬件加速的时候 render 页面,桑老师怎么看?

可以尝试一下淘宝系的 h5 虚拟化,鬼道曾经在 as 大会上讲过的,我们目前还没能力做这么深层次的优化

问题七:Node.js 做业务金额计算的金额性能和精度够吗

1)你问的不是 Node.js,而是 Node.js 要操作的数据库。 2)耗性能的计算可以在架构上平衡的

  • 如果可以延时,mq 就可以了
  • 如果是非延时情况,可以采用其他语言编写对应服务,没必要非要一定要N ode.js 3)我们目前的场景,还没有在计算遇到瓶颈

问题八:关于 API 返回格式那里,对于 status 为什么不打平了把 code 和 message 放出来?这么设定有什么好处么?

语义上更加清晰

整个返回的 json 就只有 data 和 status,如果 status.code!=0,我取 msg 就好了,如果等于0,处理 data 数据

这种设计不见得多好,不过结构清晰,对于开发者来说,是比较容易接受的

写给大家:吹牛到寄语

  • 时间管理:闲时要有吃紧的心思,忙里要有偷闲的乐趣
  • 10年我没有近视,或者说颈椎病
  • 吃了11年素食,坚持是自信的源动力
  • 一次只做1件事儿,简单一点
  • 人老心不老,每日精进,有一双发现知识的小眼睛
  • 人生不只有代码,但它能让我快乐
  • 应变是我的毕生追求,心里要能装着无数状态
  • 少抱怨,多思考,未来更美好:tomorrow is another day

最后祝福大家有一个好身体,做自己喜欢做的事儿,最好都能全栈,加油

全文完

欢迎关注我的公众号【Node 全栈】

node全栈.png

更多沟通

Connect