building web applications with erlang第4章程序问题

最近对建站比较感兴趣，而传统的网站架构LAMP中，PHP没学过，Apache web服务器也没用过，所以为了满足自己的兴趣开始学习用Erlang开发web应用。Erlang是面向并发的语言，具有分布式、容错能力强的优点。针对erlang有多款web服务器可供选择，有Yaws、Mochiweb、Misultin、Cowboy等，还有一些简化web开发的框架Nitrogen、Zontonic和Chicago Boss等。所以用Erlang开发web应用应该是一种不错的尝试，令人兴奋。

要学习建站必然要对web应用程序（包括web服务器、web浏览器、代理和网关等）之间的通信协议HTTP有所了解，熟悉URI解析、HTTP报文结构、HTTP方法、响应状态码等，这些是建站的基础（个人看法），可以参考《HTTP权威指南》。

为了学习用erlang建站，我最近开始看Building Web Applications with Erlang 一书，介绍的是用Yaws创建网站。看到第4章的例子时，要运行起来需要前后端的配合，作者给了前端用ExtJS框架开发的coffeescript代码，这两个东东都没学过，着实给读者增加了难度，所以我开始去看ExtJS框架开发的东西，在网上搜寻一番发现几个网站不错，mark一下供有需的人参考：

ExtJS4.2.1下载：http://www.sencha.com/products/extjs/download/ext-js-4.2.1/2281

ExtJS官方入门文档：http://docs.sencha.com/extjs/4.2.1/#!/guide/getting_started，这个挺不错，看完基本熟悉了ExtJS框架开发流程。

ExtJS官方Hello World：http://www.sencha.com/products/extjs/up-and-running/extjs-hello-world

入门基础学习 ExtJS学习 http://www.jb51.net/article/25267.htm

ExtJS学习专题(一) 如何应用ExtJS(附实例) http://www.jb51.net/article/22493.htm

另外作者也没有提供书上源码下载，所以全部都要手敲，后端erlang的代码还好办一点儿，前端coffeescript和python一样对缩进有要求，敲起来还真有些头疼，我用的是sublime text编辑器，这个编辑器可以配置coffeescript开发环境，有缩进和语法高亮功能，但是需要先安装coffee-script，它可以将.coffee文件编译为.js文件，coffeescript是node.js的一个组件，需要通过npm命令安装。这个过程是有点繁，幸好网上有高手已经提供了整个安装过程，提供下面的网站供参考：

Windows下安装NodeJS和CoffeeScript的方法 http://www.cnblogs.com/2gua/archive/2012/07/04/2576352.html

CoffeeScript的Sublime Text 2开发环境配置 http://www.cnblogs.com/2gua/archive/2012/07/05/2577603.html

这样就可以继续把前端的代码也跑起来了，后续我会把后端.yaws文件和前端.coffee文件的代码都贴上来。

注：作者提供的rest.erl模块文件中，需要使用rfc4627模块，这个模块并非yaws或erlang的标准模块，需要从Github上下载，下载好编译完，在yaws运行的Eshell上将rfc4627模块加入加载路径即可使用。

整个流程如下，在/var/yaws/www/目录下：

1  yaws -i

2  rr("airport.hrl").

3  mnesia:start().

4 mnesia:create_table(airport,[{attributes,(fields,airport)},{index,[country]}]).

插入几条数据：

6 rest:addAirport("BOS","Boston","US","Logan").

7  rest:addAirport("JFK","New York","US","John F Kennedy").

加入rfc4627模块路径

8 code:add_path("/usr/miracle/erlang-rfc4627/ebin/").

小结：通过跑第4章的这个例子，我弄明白了几个问题：

1、ExtJS和JQuery一样都是JavaSript开发框架；

2、网站前端页面的html等静态文件都放在web服务器对应路径的目录中，像Yaws服务器的网页根目录为/var/yaws/www/，如果.html文件使用了ExtJS框架，就需要把ExtJS库文件和.html文件放在一起或者方便在.html文件中能方便找到的路径；

3、.html文件可以用web浏览器打开，但是如果没有装web服务器的情况下是以file方案打开，装了web服务器就会以http方案方式打开。

官网上指出使用ExtJS构架在安装web服务器和不安装的情况下都可以用，但是还有下面所讲到的限制：

Even though a local web server is not a requirement to use Ext JS 4, it is still highly recommended that you develop with one, since XHR over local file:// protocol has cross origin restriction on most browsers. If you don't already have a local web server it is recommended that you download and install Apache HTTP Server.