【原创】nodejs探索笔记 -- 001

写在前面:

  过度忙碌容易让人迷失。很多时候我们需要停下来重新审视一下自己,抬起头来看看世界。多接触和学习一下新鲜的事物。未必一定要成为高手,但是冲击一下大脑,让思维多元化总是没有坏处的。

  nodejs是一个不错的选择。本是喜欢简单的我,却往往被眼花缭乱的技术迷花了眼睛。今年年初原本了php+js+mySQL的方向。但是真正做起来才发现,php尽管看起来很有优势,却也难免有较高的学习成本,较之自己以前做过的技术还是有很多差异,有很多路需要走。

  既然已经是这个结果,不如走一条自己相对熟悉的路。选择nodejs也算是因为自己对javascript还算熟悉,也算是对前后端大统一的一个期待。然而初步的了解了nodejs后才发现其实跟最初接触php是一样的。很多东西都是崭新的,需要一步一步的走。

  写到这里不禁想起今年一本比较热的书名叫《不念过去 不畏将来》。书,是没看过的。也许内容完全不搭边。但是我还是喜欢这个书名中所包含的的对于生命的领悟。活着,想到了就大胆去做。

 

 

  很庆幸第一次看的关于nodejs的学习资料是《Node入门》。因为这本书如果让我来评价,可以总结为六个字“简短 生动 透彻”。不得不佩服这个作者对于nodejs的灵魂的把握,而更加佩服的是其在书中讲述nodejs的循序渐进和深刻的剖析,以及语言的精炼清晰。国人很少能写出这样优秀的教科书。当然也要赞扬一下译者。简直翻译得无可挑剔。对于一个有一些经验的业内人士来说,想快速了解nodejs是什么,这本书一定是首选。好了讲了那么多废话,开始进入正题。

  首先是准备学习环境。OS跟大多数人一样,是目前用的比较多的win7。所以从nodejs官网下载了一个32位版本的node.exe文件。当前nodejs版本是0.10.24,估计很长时间都会使用这个版本了。将本次学习的代码全部放到一个新建的文件夹A中,在其中建立了一个子文件夹core用于存放node.exe文件。OK,现在最单纯的环境已经有了。

  OK!接下来我要按照自己的习惯和喜好来进一步完善这个学习环境。因为用windows一族的人,大多对命令行不是很适应,而最简单的nodejs环境就是命令行。好吧,如果说一个生态环境的底层都是由最简单的事物构成,那么我们就不能浪费了这个简单的开始,要充分利用,将其改造成符合我们需求和习惯的好东东。所以我选择下载了node-webkit-v0.8.3-win-ia32.zip并将其解压到/A/node-webkit/目录下。其实这里包含的nodejs版本是0.10.22。但是没有关系,其实这只是我为了实现图形化nodejs的转接站,继续就知道是怎么回事了。

  OK!接着是首先学习一下node-webkit的基础用法。参照官网做了以下两个文件。但是官网的例子很不给力,html代码居然没有缩进。好吧随便搜了个在线格式化代码的网站格式化了一下代码。

index.html

 1 <html>
 2     <head>
 3         <title>
 4             Hello World!
 5         </title>
 6     </head>
 7     <body>
 8         <h1>
 9             Hello World!
10         </h1>
11     </body>
12 </html>

package.json

 1 {
 2     "name": "AServer",
 3     "main": "index.html",
 4     "description": "A Server",
 5     "version": "0.1.0",
 6     "keywords": ["AServer", "node", "nodejs", "node.js", "node-webkit"],
 7     "window": {
 8         "title": "AServer",
 9         "icon": "AServer.png",
10         "toolbar": true,
11         "frame": true,
12         "width": 800,
13         "height": 500,
14         "position": "center",
15         "min_width": 400,
16         "min_height": 200,
17         "max_width": 800,
18         "max_height": 600
19     },
20     "webkit": {
21         "plugin": true
22     }
23 }

其中需要一个系统图标,于是用win7自带的画图工具画了一个先用着,保存为AServer.png文件。

按照官网说明,将这三个文件用rar打包成AServer.zip文件。改名为AServer.nw后直接拖到/A/node-webkit/nw.exe上,奇迹发生了,一个画面跑出来了。咳咳!有点小兴奋,不过图标还真是画得好丑。木有办法,先凑合用着吧。

但是难不成每次我修改代码都要重新打包么?还好还有另外一种用命令行启动的方式,于是我在文件夹A下追加了startAServer.bat文件。

1 #start AServer
2 "%cd%\node-webkit\nw.exe" "%cd%\AServer"

 这样每次想跑程序的时候,直接双节这个bat文件就OK了。如果程序已经跑起来了,然后改动了代码。那么其实之前配置文件中的

 "toolbar": true,

就是留着工具栏显示在窗口内,点击其右上角的刷新按钮,就可以重新载入我们新改得代码了。

OK!环境准备完毕,下一步就要正式开始了。

posted @ 2013-12-27 22:01  涩道  阅读(298)  评论(0)    收藏  举报