本文是基于 kraken-js 0.6.1 版本的

关于如何使用kraken-js 可以去看看官网的使用文档 点击这里 。kraken-js 是基于express之上的,目的在于让工程师更多的去关注代码逻辑,少关注自身的开发环境,所以他将express所有的一些公用的配置都写在了配置文件里面了。暴露给开发者的很少。下面来看看kraken-js 源码,分析是如何创建nodejs应用程序的。如果对express 不太理解的,可以看看我之前博客写的express框架解密序列。

按照kraken-js 官网上的步骤,我们创建了一个新项目,然后生成了代码是这个样子的:

对这个结构说明下:

  • /config  ---应用程序和中间件的配置
  • /controllers  ---路由和逻辑
  • /lib ---用户开发的第三方库
  • /locales ---语言包
  • /models  ---模型
  • /public ---公共资源
  • /public/templates ---模板
  • /tests ---一些测试用例
  • index.js ---应用程序入口

我们看看入口文件 index.js  和路由文件controllers/index.js

  1. 'use strict';
  2.  
  3. var kraken = require('kraken-js'),
  4. app = {};
  5.  
  6. app.configure = function configure(nconf, next) {
  7. // Fired when an app configures itself
  8. next(null);
  9. };
  10.  
  11. app.requestStart = function requestStart(server) {
  12. // Fired at the beginning of an incoming request
  13. };
  14.  
  15. app.requestBeforeRoute = function requestBeforeRoute(server) {
  16. // Fired before routing occurs
  17. };
  18.  
  19. app.requestAfterRoute = function requestAfterRoute(server) {
  20. // Fired after routing occurs
  21. };
  22.  
  23. kraken.create(app).listen(function (err) {
  24. if (err) {
  25. console.error(err);
  26. }
  27. });
  1. 'use strict';
  2.  
  3. module.exports = function (server) {
  4.  
  5. server.get('/', function (req, res) {
  6. var model = { name: 'helloworld' };
  7.  
  8. res.render('index', model);
  9.  
  10. });
  11.  
  12. };

我们看到在index.js 文件里面,没有端口设置,没有模板引擎以及其他的中间件设置,只有一些钩子,这个就是kraken-js 的巧妙之处。

具体做法是:

  首先创建一个app,给app添加一些方法(configure,requestStart,requestBeforeRoute,requestAfterRoute),再将app作为kraken的create方法参数

传进去,kraken.create(app),然后在调用listen方法(主要是调用http的createServer创建一个服务)。其实这里的app是一些钩子,作为代理的方式给express框架使用,这些方法的参数server 就是express 框架创建的实例。我们在使用的时候,都是通过express的use方法来调用中间件的。这个后面会有详细的解释。

既然调用了kraken 的create方法,我们就去看看kraken 的源码,看看是怎么构造这个应用程序的。

我们看到在kraken-js/index.js 中,提供了一个对外的调用函数:

  1. exports.create = function (route, delegate) {
  2. return create().use(route, delegate);
  3. };

可以看到它先调用了本身的create方法,然后调用了use方法,我们去看看create方法:

  1. function create() {
  2. return Object.create(kraken, {
  3. _app: {
  4. enumerable: true,
  5. writable: true,
  6. value: null
  7. },
  8. _promise: {
  9. enumerable: true,
  10. writable: true,
  11. value: null
  12. },
  13. host: {
  14. enumerable: true,
  15. writable: true,
  16. value: undefined
  17. },
  18. port: {
  19. enumerable: true,
  20. writable: true,
  21. value: undefined
  22. },
  23. '☯': {
  24. // This is silly, but since a require-d app may be using
  25. // kraken, but the proto isn't a reference to the same
  26. // object, we need to have a unique identifier for the
  27. // `isKraken` check. (Non-enumerable.)
  28. value: '☯'
  29. }
  30. });
  31. }

它创建了一个kraken的对象,然后添加了一些属性。在use的方法中,最重要的是:

  1. chain = create(this._app)
  2. .then(assign)
  3. .then(create)
  4. .then(mount);

首先,通过调用create方法传入了一个空的app,而这个create方法是

  1. function create(delegate) {
  2. return appcore.create(delegate, pathutil.create(resolveRoot));
  3. }

它直接调用了appcore的create方法:

  1. function create(delegate, resolver, callback) {
  2.  
  3. var app, appcore;
  4.  
  5. if (isExpress(delegate)) {
  6. callback(null, delegate);
  7. return;
  8. }
  9.  
  10. if (typeof resolver === 'function') {
  11. callback = resolver;
  12. resolver = pathutil.create();
  13. }
  14.  
  15. app = express();
  16. if (!delegate) {
  17. patch.apply('stream', app);
  18. callback(null, app);
  19. return;
  20. }
  21.  
  22. appcore = Object.create(proto, {
  23. _app: {
  24. enumerable: true,
  25. writable: false,
  26. value: app
  27. },
  28. _delegate: {
  29. enumerable: true,
  30. writable: false,
  31. value: delegate
  32. },
  33. _resolver: {
  34. enumerable: true,
  35. writable: false,
  36. value: resolver
  37. },
  38. _config: {
  39. enumerable: true,
  40. writable: true,
  41. value: undefined
  42. },
  43. _i18n: {
  44. enumerable: true,
  45. writable: true,
  46. value: undefined
  47. }
  48. });
  49.  
  50. appcore.init(function (err) {
  51. if (err) {
  52. callback(err);
  53. return;
  54. }
  55. callback(null, app);
  56. });
  57. }

我们知道这个这个参数的app是为空的。所以进入了这个分支:

  1. app = express();
  2. if (!delegate) {
  3. patch.apply('stream', app);
  4. callback(null, app);
  5. return;
  6. }

直接将express导入进来了。patch.apply('stream', app); 是将app的response 直接改写了。返回了express 。接着执行:

.then(assign)
.then(create)
.then(mount);

assign 是将app赋值给this._app 了,同时做了第二件事情,将应用程序的那些钩子返回出来,直接传递给create函数,我们看到create函数再次调用了,与第一次不同的是,本次的参数不为空,

而是我们在应用程序创建的那个“app”,即为我们之前所说的钩子。最后在挂载这个应用程序。

在第二次调用create方法。其实就是通过proto 创建了一个appcore的对象:

  1. appcore = Object.create(proto, {
  2. _app: {
  3. enumerable: true,
  4. writable: false,
  5. value: app
  6. },
  7. _delegate: {
  8. enumerable: true,
  9. writable: false,
  10. value: delegate
  11. },
  12. _resolver: {
  13. enumerable: true,
  14. writable: false,
  15. value: resolver
  16. },
  17. _config: {
  18. enumerable: true,
  19. writable: true,
  20. value: undefined
  21. },
  22. _i18n: {
  23. enumerable: true,
  24. writable: true,
  25. value: undefined
  26. }
  27. });

我们看到将这个app作为appcore的_app 属性,将delegate 其实就是作为_delagate  的一个属性。这个就是index.js 传入的那个参数app对象,接着调用了proto的init方法:

  1. appcore.init(function (err) {
  2. if (err) {
  3. callback(err);
  4. return;
  5. }
  6. callback(null, app);
  7. });

init 是直接调用了 _configure 方法,在这个方法中,首先通过赋值app为 app  = this._app;然后通过方法 this._config = config.create(this._resolve('.'));,读取kraken和本应用程序config 目录下得config文件。最后再调用 next方法。在next方法中:

  1. function next(err) {
  2. var config, settings;
  3.  
  4. if (err) {
  5. callback(err);
  6. return;
  7. }
  8.  
  9. config = self._config;
  10. patch.apply('config', app, config);
  11.  
  12. // XXX: Special-case resolving `express:views` until we get config protocols working.
  13. config.set('express:views', self._resolve(config.get('express:views')));
  14. config.set('express:env', config.get('env:env'));
  15. config.set('express:port', config.port);
  16. config.set('express:host', config.host);
  17.  
  18. settings = config.get('express');
  19. Object.keys(settings).forEach(function (key) {
  20.  
  21. app.set(key, settings[key]);
  22. });
  23.  
  24. settings = config.get('ssl');
  25.  
  26. if (settings) {
  27. app.set('ssl', settings);
  28. tls.SLAB_BUFFER_SIZE = settings.slabBufferSize || tls.SLAB_BUFFER_SIZE;
  29. tls.CLIENT_RENEG_LIMIT = settings.clientRenegotiationLimit || tls.CLIENT_RENEG_LIMIT;
  30. tls.CLIENT_RENEG_WINDOW = settings.clientRenegotiationWindow || tls.CLIENT_RENEG_WINDOW;
  31. }
  32.  
  33. self._views();
  34. self._middleware();
  35. callback();
  36. }

这个方法中,首先配置了一些参数。

然后再调用了处理视图的参数_views(),接着调用了 _middleware()函数。

我们看到:

  1. if (typeof this._delegate.configure === 'function') {
  2. this._delegate.configure(this._config.raw, next);
  3. return;
  4. }

如果configure 是一个函数,那么先调用这个,然后再调用那个next方法。在前面我们说过,this._delegate 其实就是index.js 里面创建的那个“app” 钩子。

视图我们省略,我们主要看看怎么调用_middleware 函数这个函数都做了些什么。还是先上源码:

  1. _middleware: function () {
  2. var app, delegate, config, srcRoot, staticRoot, errorPages;
  3.  
  4. app = this._app;
  5. delegate = this._delegate;
  6. config = this._config.get('middleware');
  7. srcRoot = this._resolve(config.static.srcRoot);
  8. staticRoot = this._resolve(config.static.rootPath);
  9.  
  10. app.use(express.favicon());
  11. app.use(kraken.compiler(srcRoot, staticRoot, this._config, this._i18n));
  12. app.use(express.static(staticRoot));
  13. app.use(kraken.logger(config.logger));
  14.  
  15. if (typeof delegate.requestStart === 'function') {
  16. delegate.requestStart(app);
  17. }
  18.  
  19. config.bodyParser && console.warn('The `middleware:bodyParser` configuration will not be honored in future versions. Use `middleware:json`, `middleware:urlencoded`, and `middleware.multipart`.');
  20.  
  21. app.use(express.json(config.bodyParser || config.json));
  22. app.use(express.urlencoded(config.bodyParser || config.urlencoded));
  23.  
  24. console.warn('Multipart body parsing will be disabled by default in future versions. To enable, use `middleware:multipart` configuration.');
  25. app.use(express.multipart(config.bodyParser || config.multipart || { limit: 2097152 })); // default to 2mb limit
  26.  
  27. app.use(express.cookieParser(config.session.secret));
  28. app.use(kraken.session(config.session));
  29. app.use(kraken.appsec(config.appsec));
  30.  
  31. if (typeof delegate.requestBeforeRoute === 'function') {
  32. delegate.requestBeforeRoute(app);
  33. }
  34.  
  35. enrouten(app).withRoutes({
  36. directory: this._resolve(this._config.get('routes:routePath'))
  37. });
  38.  
  39. if (typeof delegate.requestAfterRoute === 'function') {
  40. delegate.requestAfterRoute(app);
  41. }
  42.  
  43. errorPages = config.errorPages || {};
  44. app.use(kraken.fileNotFound(errorPages['404']));
  45. app.use(kraken.serverError(errorPages['500']));
  46. app.use(kraken.errorHandler(config.errorHandler));
  47. },

在这里我们看到了很熟悉的express 的基本配置,它的一些配置都写在这里面了。

我们看到这些,这些就是处理我们之前的那些钩子函数了。看到了吧,都是传入express 构建的应用程序。

  1. if (typeof delegate.requestStart === 'function') {
  2. delegate.requestStart(app);
  3. }
  4.  
  5. if (typeof delegate.requestBeforeRoute === 'function') {
  6. delegate.requestBeforeRoute(app);
  7. }
  8.  
  9. if (typeof delegate.requestAfterRoute === 'function') {
  10. delegate.requestAfterRoute(app);
  11. }

同时在这里,有

  1. enrouten(app).withRoutes({
  2. directory: this._resolve(this._config.get('routes:routePath'))
  3. });

这个其实是处理路由的,它使调用了express-enrouten 模块,进入看看这个函数干了写什么事情,可以看到

  1. module.exports = function (app) {
  2.  
  3. return {
  4.  
  5. withRoutes: function (settings) {
  6.  
  7. settings = settings || {};
  8.  
  9. if (settings.index) {
  10. require(resolve(settings.index))(app);
  11. return;
  12. }
  13.  
  14. // Directory to scan for routes
  15. loaddir(settings.directory).forEach(function (file) {
  16. var controller = require(file);
  17. if (typeof controller === 'function' && controller.length === 1) {
  18. controller(app);
  19. }
  20. });
  21.  
  22. (settings.routes || []).forEach(function (def) {
  23. assert.ok(def.path, 'path is required');
  24. assert.ok(typeof def.handler === 'function', 'handler is required');
  25.  
  26. var method = (def.method || 'get').toLowerCase();
  27. app[method](def.path, def.handler);
  28. });
  29.  
  30. }
  31. };
  32.  
  33. };

可以看到,她直接将每一个controller文件require 进来了。然后直接将他作为了一个构造函数,将app作为一个参数传进去了。 所以在我们的controller 里面都是这种方式:

  1. 'use strict';
  2.  
  3. module.exports = function (server) {
  4.  
  5. server.get('/', function (req, res) {
  6. var model = { name: 'helloworld' };
  7.  
  8. res.render('index', model);
  9.  
  10. });
  11.  
  12. };

这里的server其实就是app,看到了把,这个就是kraken   的妙处。

paypal之nodejs 框架 Kraken-js 源码分析的更多相关文章

  1. basket.js 源码分析

    basket.js 源码分析 一.前言 basket.js 可以用来加载js脚本并且保存到 LocalStorage 上,使我们可以更加精准地控制缓存,即使是在 http 缓存过期之后也可以使用.因此 ...

  2. DotNetty网络通信框架学习之源码分析

    DotNetty网络通信框架学习之源码分析 有关DotNetty框架,网上的详细资料不是很多,有不多的几个博友做了简单的介绍,也没有做深入的探究,我也根据源码中提供的demo做一下记录,方便后期查阅. ...

  3. events.js 源码分析

    events.js 源码分析 1. 初始化 // 使用 this.ee = new EventEmitter(); // 源码 // 绑定this域,初始化 _events,_eventsCount和 ...

  4. Backbone.js源码分析(珍藏版)

    源码分析珍藏,方便下次阅读! // Backbone.js 0.9.2 // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. // Backbone ...

  5. Vue.js 源码分析(二十五) 高级应用 插槽 详解

    我们定义一个组件的时候,可以在组件的某个节点内预留一个位置,当父组件调用该组件的时候可以指定该位置具体的内容,这就是插槽的用法,子组件模板可以通过slot标签(插槽)规定对应的内容放置在哪里,比如: ...

  6. Vue.js 源码分析(一) 代码结构

    关于Vue vue是一个兴起的前端js库,是一个精简的MVVM.MVVM模式是由经典的软件架构MVC衍生来的,当View(视图层)变化时,会自动更新到ViewModel(视图模型),反之亦然,View ...

  7. 深入理解分布式调度框架TBSchedule及源码分析

    简介 由于最近工作比较忙,前前后后花了两个月的时间把TBSchedule的源码翻了个底朝天.关于TBSchedule的使用,网上也有很多参考资料,这里不做过多的阐述.本文着重介绍TBSchedule的 ...

  8. $Django cbv源码分析 djangorestframework框架之APIView源码分析

    1 CBV的源码分析 #视图 class login (View): pass #路由 url(r'^books/$', views.login.as_view()) #阅读源码: #左侧工程栏--- ...

  9. Require.js 源码分析

    本文将简单介绍下个人对require.js的源码分析,简单分析实现原理 一.require加载资源的流程 require中,根据AMD(Asynchronous Module Definition)的 ...

  10. Vue.js 源码分析(三十二) 总结

    第一次写博客,坚持了一个多月时间,Vue源码分析基本分析完了,回过头也看也漏了一些地方,比如双向绑定里的观察者模式,也可以说是订阅者模式,也就是Vue里的Dep.Watcher等这些函数的作用,网上搜 ...

随机推荐

  1. JavaScript-join连接符

    1.转字符串:2种 1.将数组中每个元素都转为字符串,再用逗号分隔:var str=String(arr); 2.将数组中每个元素都字符串,再用自定义下标连接每个元素 var str=arr.join ...

  2. EXCEL某列长度超过255个字符导入SQL SERVER的处理方法

    问题描述: [Excel 源 [1]] 错误: 输出“Excel 源输出”(9) 上的 输出列“Description 3”(546) 出错.返回的列状态是:“文本被截断,或者一个或多个字符在目标代码 ...

  3. DOS命令大全(经典收藏)

    net use \\ip\ipc$ " " /user:" " 建立IPC空链接 net use \\ip\ipc$ "密码" /user: ...

  4. bootstrap中的Tooltips工具提示的使用问题

    在使用bootstrap中的Tooltips时,官方文档中的实例代码若直接放在.container 或 .container-fluid类中时,四个button悬停之后会把button之间的margi ...

  5. 解决Maven中OutOfMemory错误

    当Maven项目很大,或者你运行诸如 mvn site 这样的命令的时候,maven运行需要很大的内存,在默认配置下,就可能遇到java的堆溢出.如:   [INFO] Building jar: / ...

  6. 总结一下一般游戏中3D模型各种勾边方法遇到的工程性问题

    以前做过简单的rim light勾边,几何勾边,这次又做了后处理的勾边,工程化的时候,都遇到很多问题,简单总结一下. 首先是火炬之光勾边效果,类似轮廓光的实现,简单的卡通渲染也是通过类似的算法加采样色 ...

  7. Nginx代理与负载均衡配置与优化

    Nginx代理 Nginx从0.7.48版本开始,支持了类似Squid的缓存功能.Nginx的Web缓存服务主要由proxy_cache相关指令集和fastcgi_cache相关指令集构成,前者用于反 ...

  8. UI创意求助:手机贪吃蛇游戏方向控制键设计

    继上一片博文<做梦想起来的C#简单实现贪吃蛇程序(LinQ + Entity)>之后,尝试做一个手机版本,大部分的功能都已经实现了.但在贪吃蛇的方向控制设计上一直不太满意.由于手机界面的大 ...

  9. nginx lua整合安装

    安装lua JIT 下载 wget http://luajit.org/download/LuaJIT-2.0.4.tar.gz 解压: tar zxvf LuaJIT-2.0.4.tar.gz 进入 ...

  10. Dynamic CRM 2013学习笔记(十七)JS读写各种类型字段方法及技巧

    我们经常要对表单里各种类型的字段进行读取或赋值,下面列出各种类型的读写方法及注意事项: 1. lookup 类型 清空值 var state = Xrm.Page.getAttribute(" ...