死了是你的魂是什么歌:使用第一个真正的 Ajax 服务器 Aptana Jaxer 构建 Ajax 应用程序

来源：百度文库 编辑：偶看新闻 时间：2024/04/29 08:13:09

使用第一个真正的 Ajax 服务器 Aptana Jaxer 构建 Ajax 应用程序

学习如何使用客户端和服务器端上的 HTML/DOM/JavaScript 支持构建 Jaxer 应用程序

Ken Ramirez, 创始人, Axsys Technology GroupKen Ramirez 是 Axsys Technology Group 的创始人，该公司通过 Axsys Hosting 为客户提供托管和定制开发 Web 站点的服务。Ken 还通过他的 BuildMySiteTonight.com 网站为那些寻求经济合理的网站解决方案的小企业业主提供服务。其公司专注于提供 PHP、MySql、Linux、XHTML/CSS、Adobe Flash 和 E-commerce 以及内容管理的解决方案。您可以通过 AxsysHosting.BlogSpot.com 联系到 Ken。

简介： 熟悉 Jaxer，第一个真正的 Asynchronous JavaScript + XML (Ajax) 服务器。Jaxer 允许在服务器端执行 JavaScript 代码、Document Object Model (DOM) 和 HTML，并允许您从客户端异步访问服务器端功能。本文描述 Jaxer 的特性，并展示 Jaxer 甚至在其萌芽时期就必须提供的巨大潜能。

本文的标签：  java, jaxer

标记本文！

发布日期： 2008 年 9 月 12 日
级别： 中级
其他语言版本： 英文
访问情况 ： 2178 次浏览
评论： 0 (查看 | 添加评论 - 登录) 平均分 (2个评分)
为本文评分

传统上，要为基于 Web 的客户机提供比较丰富的客户机功能，必须创建基于 Web 的应用程序，它由来自各种不同技术的同质系统组成，其中可能包括：

  • 服务器端 Web 或应用服务器，比如 Apache HTTP Server、 Microsoft? Internet Information Services (IIS)、Sun Java? Web Server、IBM? WebSphere? 或 BEA WebLogic
  • 服务器端脚本或处理语言，比如 Java、PHP、JavaServer Pages? (JSP) 或 Active Server Pages (ASP)
  • 客户端脚本和格式化，比如 HTML、Cascading Style Sheets (CSS)、JavaScript 或 DOM
  • HTTP 通信协议或应用程序编程接口 (API)，比如 XMLHttpRequests 或 JavaScript Serialized Object Notation (JSON)

Ajax 资源中心

请访问 Ajax 资源中心，这是有关 Ajax 编程模型信息的一站式中心，包括很多文档、教程、论坛、blog、wiki 和新闻。任何 Ajax 的新信息都能在这里找到。

但是现在，您可以使用 Jaxer，一种新的 Ajax 服务器，不仅将所有这些技术集成到一个可部署服务器中，还使用一些相同的基于客户端技术（比如 JavaScript 代码、DOM 等）提供了服务器端脚本和处理。Jaxer 是免费的开源代码，您可以原样使用，或者使用其 JavaScript 框架进一步扩展。

想象一下，能够直接在 HTML 页面中使用 JavaScript 代码，并简单指明代码应在客户端返回 HTML 之前在服务器端执行。这将允许客户端直接与服务器端进一步通信，而无需刷新页面。此外，得到的 HTML 可以基于在服务器端执行的 JavaScript 代码。这将减少需要使用的技术种类和您必须编写的代码量，从而为开发人员和用户提供更好的整体体验。

对于用户，您现在可以提供与富原生应用程序更接近的基于 Ajax 的功能。Jaxer 使其成为可能，因为它实际上是第一个真正的 Ajax 服务器。您不需要确定您的 Ajax 代码运行在哪个浏览器中。您也不必编写协议代码来执行服务器通信。通过调用简单的 Jaxer API，您提供了具有最少缺陷的健壮的 Web 应用程序。甚至更重要的是，您再也不必使用内嵌的 JavaScrip 公开所有代码。您实际上可以使用 Jaxer 统一客户机代码与服务器代码，将策略代码安全地隐藏在防火墙后面，并允许它仍可从客户机访问。

安装

在使用 Jaxer 开发任何基于 Web 的应用程序之前，您首先必须将其安装在您的机器或开发环境中。有三个选择。Jaxer 可用于 Microsoft Windows?、Mac OS X 或 Linux?。Jaxer 安装是自包含、独立的 Apache/Jaxer 服务器。但是，您还可以在现有的 Apache 或 Jetty 环境中将其作为模块安装。Aptana 报告计划在不久的将来支持 IIS。

出于本文目的，因为大多数开发人员在 Windows 上编码，然后部署到 Windows 或 *NIX 环境（比如 UNIX? 或 Linux）中，所以我选择安装独立的 Windows 版本。在 Windows 上安装十分简单。您只需转至 Aptana Jaxer 下载页面（请参见 参考资料 中此页面的链接），并下载 Windows 独立版本的压缩文件（.zip）。在撰写本文时，最新的版本是 0.9.7.2472。

下载并打开压缩文件之后，将 Aptana Jaxer 文件夹复制到硬盘驱动器上。我直接复制到我的 C: 驱动器上。因此，我可以通过转至 C:\Aptana Jaxer 访问我的根文件夹来访问 Jaxer。

Aptana Jaxer 文件夹中有许多文件和文件夹。根文件夹包含下列文件：

  • ConfigureFirewall.exe
  • LICENSE.TXT
  • README.TXT
  • StartServers.bat

它还包含下列文件夹：

  • Apache22
  • data
  • jaxer
  • local_jaxer
  • logs
  • public
  • tmp

启动并测试 Jaxer 服务器

启动服务器甚至比前面的安装更简单。只需运行 StartServers.bat 文件，然后就显示启动窗口，如图 1 所示。


图 1. Jaxer 启动窗口


只要您打算在 Jaxer 环境中使用和测试应用程序，就必须一直打开此窗口。通过打开浏览器窗口并导航至 http://localhost:8081/aptana，可以测试 Jaxer 服务器是否正在正常运行。About Jaxer 页面显示在浏览器中，如图 2 所示。


图 2. About Jaxer 页面


Samples 文件夹中还有其他基于 Jaxer 的 Web 应用程序，位于 \jaxer\aptana\samples 中。您将找到几个应用程序，其中包括表 1 中描述的那些。


表 1. Jaxer Samples 文件夹中包括的应用程序
应用程序描述chat演示聊天消息的发送和接收，而不必刷新整个页面。csajax使用 Ajax 为那些尝试使用 JavaScript 代码与客户机浏览器某些域通信的 Web 应用程序通常面临的问题提供解决方案。相反，基于浏览器的客户机使用 Jaxer 与服务器通信，然后允许服务器与其他域通信，实际上为跨站点问题提供了解决方案。有关此问题的更多信息，请参见 “参考资料”。logging展示如何包装服务器端日志并使用客户端 JavaScript 进行访问。rss-sample演示可以如何划分页面以在页面的一部分中显示新故事列表，并在页面的另一部分中显示选定的故事。故事显示在自己的区段中，而不会刷新整个页面；一切工作使用 Ajax 和 Jaxer 完成。smtp-email允许使用 Jaxer Simple Mail Transfer Protocol (SMTP) 对象异步发送电子邮件。tasks允许使用异步通信在单个 to-do 或任务列表中添加、修改或删除项目。wikilite允许用户以编辑模式为简单的 wiki 提供文本，保存文本，然后在将来查看文本。

可以通过单击图 2 所示的 Samples and Tools 链接，访问这些示例。得到的 Samples and Tools 页面如图 3 所示。


图 3. Samples and Tools 页面


在本文后面，您将使用任务示例应用程序进一步了解 Aptana Jaxer。

您可能已经注意到，还有几个 Web 工具和诊断工具可用于与 Jaxer 交互，并在出现问题时诊断问题。例如，单击 Server Diagnostics 链接返回 Jaxer Diagnostics 页面，如图 4 所示。


图 4. Jaxer Diagnostics 页面


添加内容

介绍 Jaxer 根文件夹时，我提到了它里面有几个子文件夹。其中一个文件夹名为 public。您可以使用此文件夹提供自己的内容。如果这样做，而且您仅在浏览器地址行中指定 host:port 地址，则它将从浏览器中调用。例如，http://localhost:8081/ 返回您提供的任何索引文件。

甚至更好的是，您可以在 public 文件夹中创建多个项目，并通过名称加载项目。例如，创建名为 my_project 的项目。此文件夹的完整路径应为 C:\\public\my_project。

现在，创建名为 index.html 的索引文件，并将其放入 my_project 文件夹中。通过在浏览器中输入其路径，可以使用 Jaxer 服务器加载此文件。在这种情况下，输入 http://localhost:8081/my_project。可以在此文件夹或其任何子文件夹中放置任何 HTML、图片、JavaScript 文件或 CSS 文件。

在我的 my_project 中，我选择创建一个 index.html 文件，它是从 Aptana 网站上获得的快速启动代码中借来的。此代码演示了服务器端 DOM、JavaScript 代码和回调，如清单 1 所示。


清单 1. 测试 Jaxer 的示例代码
  Quick Jaxer Sample   
Quick Jaxer Sample
 
This demonstrates server-side DOM, JavaScript and callbacks.

执行时，此代码生成如图 5 所示的页面。


图 5. my_project 中使用的快速启动代码


如果查看发送到浏览器中的实际 HTML 源码，您将发现它与原始代码非常不同。请看清单 2。


清单 2. 返回给浏览器的 Jaxer 生成的 HTML 代码
  Quick Jaxer Sample    
Quick Jaxer Sample
  
This demonstrates server-side DOM, JavaScript and callbacks.
  This is Jaxer version 0.9.7.2472

注意，原始代码不需要包括任何外部 JavaScript 文件。接下来，查看一下

首先，注意有多个 JavaScript 块。第一个块具有自己的 runat 属性集，这意味着其中的代码将可用于客户机和服务器端。清单 3 中的函数提供了可由在客户机和服务器端上执行的其他函数访问的一般函数。$ 函数只基于提供的 ID 返回一个元素。addTaskToUI 使用 createElement 和 insertBefore 方法创建用户接口，在客户端提供任务。

此处对任何特定于 Jaxer 的 API 没有太多调用，只有附加到输入和复选框的事件定义，以及与 Jaxer.isOnServer 属性的逻辑比较，如果 JavaScript 代码当前在服务器端执行，Jaxer.isOnServer 则设置为真。

Jaxer.setEvent 用于建立通信代理，此代理用于从客户机对服务器进行调用。在下文中，我将详细介绍。

基于传递给 runat 属性的值，下一段 JavaScript 代码固定在服务器上运行，如清单 4 所示。


清单 4. 任务服务器端 JavaScript 代码

运行此示例时，请在浏览器中查看由 Jaxer 生成的源代码。注意，清单 4 中的代码消失了。非常方便的是，定义的函数已经转换为真实函数的简单 shell。取而代之的是，创建了简单的 Jaxer 远程。

清单 4 提供了一些有趣的 JavaScript 代码。虽然全部是 JavaScript 代码，但要现在可以在服务器端定义和运行 JavaScript 代码。在此代码段的第一部分中，注意创建了 Structured Query Language (SQL) 表（如果不存在的话）。接下来，建立了类似浏览器端的 onload 的事件，只不过这个位于服务器端。在 Jaxer 加载整个文件，并记录所有的全局服务器函数和变量之后，调用定义并分配给 onserverload 的函数。

在本例中，定义的方法包括 saveTaskInDB 和 deleteSavedTask。要让函数可从客户端调用，必须定义代理。通过将函数的 proxy 属性设置为真，可完成此操作。

Jaxer 加载文件之后，分配给 onserverload 的功能将执行。在本例中，函数执行 SQL 调用从数据库中检索现有任务。接下来，它继续遍历所有任务并调用 addTaskToUI 方法。如果您没记错的话，此方法将复选框和输入框插入到 HTML 文档中。但等一等！在本例中，这将意味着，服务器实际正在将这些复选框和输入框推入文档中。在服务器端执行此代码时，惟一在 addTaskToUI 中不执行的代码是逻辑检查中封装的代码，用于查看 isOnServer 是真还是假。只有客户端需要这段代码，用于对服务器执行远程调用，以将任务添加到数据库中。

清单 4 的函数中散布着各种 Jaxer 调用，大多数用于处理数据库交互。而且，您可以看到，不需要任何外部组件、facade 或 Data Access Objects (DAO)。它使用对 Jaxer API 的简单调用来执行 SQL 函数。切记，没有什么可以阻止您使用更特定的 JavaScript 组件封装这些简单的调用，这些组件似乎更熟悉数据库的实际详细信息，实际上通过 SQL 数据库提供了一个 facade。

任务示例中其余的 JavaScript 代码只处理您与表单控件交互时发生的事件，如清单 5 所示。


清单 5. 任务中其余的 JavaScript 代码，仅在客户端执行。

此代码是普通的旧 JavaScript 客户机代码，仅在客户端执行。但是要注意，这些函数调用了服务器端 JavaScript 代码中封装的函数。HTML 生成的代码为这些函数提供代理方法，这些方法调用服务器端的远程方法。服务器端方法的实际函数或代码绝不公开给客户端。

结束语

我希望您能够看到 Jaxer 必须提供的巨大潜能，甚至是在早期阶段。是的，它正出于萌芽阶段，可能还有待成熟。但是，它展示了许多承诺。毕竟，它可以在服务器端运行 JavaScript 代码，在客户端运行 Ajax，而且构建于许多现有的成熟技术之上，仅仅这些事实就足够有说服力。它很容易设置，而且可以运行在现有 Web 服务器环境中，而不出现任何问题，或很少出现问题。我在我的 Windows 机器上进行了尝试，该机器当前运行 Apache 以及 PHP、MySQL 等，没有出现任何问题。它从来没有停止我的其他 Apache 实例，而且能够在端口 8081 上与 Jaxer 实例通信，也没有出现问题。我看到的惟一可能出现问题的情况是，您当前正将端口 8081 用于其他地方（比如 Tomcat）。


俄国第一个真正的抒情诗人 清朝第一个真正意义上的皇帝是谁? 谁知道Google的AJAX开发工具GWT怎样使用？？ 第一个使用“她”字的人 第一个使用闰年的人？ 谁是第一个使用密码的人？ 谁是第一个使用密码的人？ 谁是第一个使用密码的人???? 第一个使用qq的人是谁？ 找个java使用的服务器 WWW服务器提供的第一个信息页面 F1第一个使用拨片式换档的车队 F1第一个使用拨片式换档的车队 ajax的一个问题 ajax + asp 的错误！ ajax的学习资料 有没有只使用电池供电的无线AP 有没有只使用电池供电的无线AP 两个笔记本无线对连，不使用AP的问题 他是我第一个真正用心的男朋友，想知道他是不是真的对我 世界上第一个使用代金券的商店是哪家商店？ 第一个使用中文用户名的是我吗？ 第一个使用几何学的是哪个人啊? 请问第一个使用引擎的游戏是?? IBM PC机中使用的第一个操作系统是