WAP技术入门

http://blog.csdn.net/xeimm/

前言

　　国际互联网的新技术层出不穷，随着国内中国移动通信和中国联通先后推出ＷＡＰ手机上网业务，这项新兴的技术也渐渐在国内展露头脚。其实早在１９９７年，由爱立信、诺基亚、摩托罗拉、 Phone.com等公司共同发起了ＷＡＰ　Ｆｏｒｕｍ，随后业界众多的公司纷纷加入，并于１９９８年４月提出了ＷＡＰ标准第一版。ＷＡＰ的全称是“Wireless Application Protocol”，目的是为了在手机以及其他无线设备上面传送和显示数据，以及提供各种电信服务。根据Ｇｌｏｂａｌ　Ｍｏｂｉｌｅ杂志的调查显示，目前至少有２亿个无线用户，而诺基亚公司指出在２００５年用户数量更会超过１０亿。面对如此广大的使用群，众多的大小公司纷纷抢滩ＷＡＰ，国内的龙头网站诸如新浪、网易、搜狐等等纷纷联手中国电信推出了基于ＷＡＰ技术的网站。相信随着ＷＴＯ的临近，中国的互联网发展的将会越来越快，国内的ＷＡＰ网站也会越来越多，以适应发展迅速的ＷＡＰ业务。
    作为一名Ｗｅｂ网站开发人员，我们在这场席卷全球的无线网络革命中更应当快速跟进，互联网时代是一个不断淘汰的时代，只有随时掌握了最新的技术，才可以跟得上互联网飞一般的脚步。

第一章ＷＡＰ技术的架构

无线网络和我们目前熟悉的有线网络有很大不同：

第一，市场形态有所不同

１、无线上网设备从一开始就被设计成为易用型，即使没有使用过电脑的用户也可以很快的利用手机快速的在国际互联网上面找到自己想要的信息。
２、就市场大小而言，无线网络的用户成长速度是惊人的，在２００１年之前全球有超过５亿３千万移动用户，预计将在２００４年突破１０亿大关，如此的增长速度令人对ＷＡＰ的前景充满的信心。
３、有着广阔用户的无线网络，其被期望的值也是很高的，用户希望ＷＡＰ能够像语音技术一样完善，并且要更加快捷、容易使用等等。
４、ＷＡＰ手机并不是为在国际互联网上面专门冲浪而设计的，其目的是使得用户在移动的过程中可以方便快捷的存取到互联网上面资料。

第二，网络的环境不同

１、无线网络的带宽较小
２、 无线网络相对目前的国际互联网有较多的等待延迟
３、无线网络的稳定性较差
４、无线接入设备的ＣＰＵ、内存以及显示屏幕等等有限
　　针对以上的种种不同，ＷＡＰ架构有着不同于普通ＷＥＢ网站的地方，首先，ＷＡＰ技术是基于目前的ＷＥＢ架构之上的，并且延伸到无线网络环境，它使得业界所开发的产品能够具有无线网络独立性、设备平台无关性、以及相互操作性。ＷＡＰ沿用了目前的ＷＥＢ架构，从而使得目前投放到WEB的资金、设备、人力等等，都能够继续保留并且沿用。ＷＡＰ不同指出在于她多出了一个被称之为ＷＡＰＧａｔｅＷａｙ的东西，Ｇａｔｅｗａｙ有何作用呢？以Ｉｎｔｅｒｎｅｔ设备来讲，Ｇａｔｅｗａｙ
就类似于Ｐｒｏｘｙ，当客户端要取得某个网站的叶面的时候，都是由Ｐｒｏｘｙ代理来取得，再交给Ｃｌｉｅｎｔ端。而ＷＡＰ　Ｇａｔｅｗａｙ除了代理手机取得所需要的网站的ＷＭＬ文件之外，还要充当转换ＨＴＴＰ协议和ＷＡＰ协议的角色，从而使得手机顺利取得资料。ＷＡＰ　Ｇａｔｅｗａｙ大都由电信局或者ＩＳＰ所设立，而一般的网站，只要在ＷＥＢ　Ｓｅｒｖｅｒ中加入相关的ＭＩＭＥ格式设定就好了，就可以直接让用户的手机访问到了。

架构描述如下图：

无线设备（手机、ＰＤＡ）<---->(WAP协定)<---->ＷＡＰ网关<--->（HTTP协定）<---->ＷＥＢ服务器<---->数据库服务器
   可以看到，ＷＡＰ　Ｇａｔｅｗａｙ在无线网络数据传送的过程中充当的是一个中间人的角色，有了她，现在已经投到互联网上面的资金、设备、人力等等才不会被ＷＡＰ网站所废弃，相反的是可以更好的利用现有的几乎所有的资源。
   另外，像诺基亚等公司，将ＷＡＰ网关和ＷＥＢ服务器整合在了一起，被称之为“Ｗｅｂ　Ａｐｐｌｉｃａｔｉｏｎ　Ｓｅｒｖｅｒ”，但是其总体架构和上图仍然是相同的，这里就不再重复了。接下来，我们来看看，为了让用户能够在手机上面访问到我们的网站，应当如何设置目前已经存在的Ｗｅｂ　Ｓｅｒｖｅｒ。

一、Ｉｎｔｅｒｎｅｔ　Ｉｎｆｏｒｍａｔｉｏｎ　Ｓｅｒｖｅｒ（ＩＩＳ）

设定方式：打开〔开始〕――〉〔程序〕――〉〔WindowsNT4.0 Option Pack〕――〉
〔Microsoft Internet Information Server〕――〉〔Internet服务管理员〕
在打开的窗口里面选中Ｓｅｒｖｅｒ，右键选择“属性”，增加如下的ＭＩＭＥ格式：
文件类型　MIME
·WML　text/vnd.wap.wml
·WMLC application/vnd.wap.wmlc
·WMLS text/vnd.wap.wmlscript
·WMLSC application/vnd.wap.wmlscriptc
·WBMP image/vnd.wap.wbmp

二、Ｐｅｒｓｏｎａｌ　Ｗｅｂ　Ｓｅｒｖｅｒ４

１．打开注册表编辑器，在HKEY_CLASSES_ROOT下面新建一个主键“.WML”；
２．在HKEY_CLASSES_ROOT/.WML下面新建一个字符串，命名为“Content Type”，值为 “text/vnd.wap.wml”；
３．在HKEY_LOCAL_MACHINE/Software/CLASSES/MIME/Database/Content Type新建一个主键“text/vnd.wap.wml”
４．在“text/vnd.wap.wml”主键下面新建一个字符串，名称“Extension”，值为“.WML”；
５．依次重复以上２，３，４步骤，建立其他的MIME类型

三、Ｌｉｎｕｘ（Ａｐａｃｈｅ）

　　使用管理员身份登入系统，在命令行，输入“ps -ef”命令兰看看当前的ＷＷＷ服务是否正常，
然后使用ＶＩ来编辑“/etc/httpd/conf/srm.conf”文件，在ＡｄｄＴｙｐｅ处增加如下类型：
AddType text/vnd.wap.wml　　　　　　　　　　.wml
AddType application/vnd.wap.wmlc　　 .wmlc
AddType text/vnd.wap.wmls　　　　　　　　 .wmlscript
AddType application/vnd.wap.wmlsc　　 .wmlscriptc
AddType image/vnd.wap.wbmp　　　　　　 .wbmp
　　保存后，将ｈｔｔｐｄ重新启动即可。
    这样设置过后，我们的Ｗｅｂ　Ｓｅｒｖｅｒ就可以让手机访问得到了，当然，对于普通的ＨＴＭＬ文件，手机是无法识别的，手机所要读取得文件类型从上面设置过程我们也可以猜测的
出来，对了就是ＷＭＬ文件。在开始设计ＷＭＬ之前，我们先要来熟悉一下我们的ＷＡＰ网站开发环境。

第二章 手机仿真开发环境
　　

所谓的手机仿真开发环境，也就是在普通的ＰＣ机器上面使用各种模拟器来模拟手机的真实环境，从而方便ＷＡＰ网站的开发，目前较为流行的模拟器主要有以下几个：

一、Ｎｏｋｉａ　Ｔｏｏｌｋｉｔ　１．２／１．３

　　可以从这个地址下载这个仿真开发环境：http://www.nokia.com 目前这个ＷＡＰ工具包的最高版本是１．３ｂｅｔａ，诺基亚公司的这个开发包是采用ＪＡＶＡ编写的，所以你在安装之前首先要安装ＪＲＥ２．２以上的版本才可以，ＪＲＥ可以在ＳＵＮ公司的主页上面下载（http://www.sun.com）。诺基亚公司的这个开发工具是一个集成环境，可以方便的编译ＷＭＬ／ＷＭＬＳｃｒｉｐｔ，并且有着详细的ＷＭＬ／ＷＭＬＳｃｒｉｐｔ开发文档，用户可以通过地址栏来装载本地正在开发的ＷＭＬ文件，或者直接浏览互联网上面的ＷＡＰ网站；但是Ｎｏｋｉｅ　Ｔｏｏｌｋｉｔ的运行条件比较苛刻，如果你的机器内存小于１２８兆，那么运行的速度将大打折扣，没有办法，ＪＡＶＡ编写的程序向来如此的，这也算是一个小小的遗憾吧。１。２的版本没有模拟实际型号的手机，而１.３版本就有模拟产品７１１０的仿真环境。

二、Ｅｒｉｃｓｓｏｎ　ＷａｐＩＤＥ４

　　爱立信公司推出的一个ＷＡＰ开发包，和诺基亚公司的开发包类似，爱立信公司的这个工具也是一个集成开发环境，比较方便，可以从这个地址下载：http://www.ericsson.com/wap 。相对于诺基亚公司的ＷＡＰ开发工具而言，爱立信公司的这个开发工具就较为简陋一些，并且它的开发文档很少，但是它的运行速度要比诺基亚的那个开发工具包要快的多，尤其是内存在６４兆左右的机器。

三、ＵＰ．ＳＤＫ　４．０

　　Ｐｈｏｎｅ．ｃｏｍ公司的ＵＰ．ＳＤＫ产品和上面的两种开发工具相比就是没有集成的ＩＤＥ开发环境。这个开发工具可以在： http://www.phone.com取得。
   从上面的说明来看，在这三个流行的ＷＡＰ开发工具中，最具有吸引力的当然就是诺基亚公司的模拟仿真环境了，图形界面以及丰富的开发文档，的确不可多得。另外，还有其他的一些可以浏览ＷＡＰ网站的软件，比如ＷｉｎＷＡＰ，ＷＡＰＭａｎ等等，他们都是可以直接在ＰＣ机上面直接来浏览ＷＡＰ网站的软件，值得一提的是，Ｏｐｅｒａ公司推出的４.０版本的浏览器就已经支持直接在浏览器中访问ＷＡＰ网站了，这个小巧的浏览器功能很是强劲。相信微软也不会坐视不等，可能在ＩＥ的后续版本中增加支持ＷＭＬ文件的功能。
   上面的ＷＡＰ仿真开发环境的安装后的设置都比较简单，稍微懂一些英文的都会看得懂的。

第三章ＷＭＬ／ＷＭＬＳｃｒｉｐｔ设计

    现在我们来正式设计我们的ＷＡＰ站点，正如目前的ＷＥＢ网站是基于ＨＴＭＬ语言一样，ＷＡＰ网站是基于ＷＭＬ语言的，而ＷＭＬ语言其实是遵循目前的ＸＭＬ技术的，不过你如果不懂ＸＭＬ也不要紧的，还是可以很快入门的。
    ＷＭＬ和以往的ＨＴＭＬ语言最大的不同是，ＷＭＬ语言的限制非常严格，表现在下面几个方面：
１、ＷＭＬ中的所有标签、属性都是区分大小写的
２、对于连续的空格，ＷＭＬ编译器将认为是一个
３、所有标签的属性都需要使用双引号括起来
４、所有的标签都必须封闭，对于不成对出现的标签，必须在“>”之前加上“/”，比如“<br/>”
　　一定要注意上面的要点，否则很有可能出现手机无法浏览ＷＭＬ的情况出现。做到这一点，只是习惯的问题，主要是我们在ＨＴＭＬ时代养成的“懒散”习惯不太好，都是ＩＥ的兼容性太好惹得祸，^_^
   在ＷＭＬ中，最基本的单位叫做“card”，他被用来向用户提供交互界面，这其实也是为了照顾到手机的屏幕比较小而设计的，并且手机的处理能力有限，不可能像我们经常使用的ＩＥ等浏览器那样一次将整个页面载入，在使用滚动条来察看内容，被设计用于手机浏览的ＷＭＬ文件，一个最大不能超过１.４Ｋ，所以我们才将大的叶面分割成为若干个card，来一次显示；多个“card”就组成了一个 “Deck”,也即使一个“层面”，一个ＷＭＬ文件中只允许出现一个层面，正如ＨＴＭＬ中只用一个 “<html></html>”标签一样。
    另外还要记住，只要想显示一些文字到手机上面，就必须使用"<p></p>"标签将这一段文字括住。不再罗嗦，下面我们就先看看一个简单的例子：ＨｅｌｌｏＷｏｒｌｄ

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml1_1.1.xml">
<wml>
<card id="hello" title="WAP">
　　 <p>Hello! World!</p>
　<!-- 注释信息 - ->
</card>
</wml>
　　将这个文件存盘，在诺基亚仿真浏览器中浏览就可以看到你向ＷＡＰ世界的问候语了。我们可以看到，在ＷＡＰ中的注释方法同ＨＴＭＬ中是一样的。要注意的是每一个card的id属性是不允许省略的，并且在默认的情况下手机显示的是这个“层面”的第一个“卡片”，当然我们也可以直接指定要浏览的特定“卡片”，后面我们会提到。
    怎么样，看看这第一个例子，觉得ＷＭＬ并不是很难吧，要比ＨＴＭＬ还要简单呢，只是它的限制稍微多一些而已，接下来我们来看看ＷＭＬ中其他有用的标签：

标签：<wml></wml>
描述：定义“层面”的开始和结束，一个ＷＭＬ文件只允许一个层面

标签：<card></card>
描述：定义“卡片”的开始和结束，多个“卡片”组成一个“层面”
id属性必须要给出，用以区分不同的“卡片”
title属性指明提示信息

标签：<p></p>
描述：用来显示文字的标签

标签：<img src="" alt="" localsrc="" align="left" height="" width="" vspace="" hspace="">
描述： alt属性用来指定图片没有正常显示时的提示信息，src属性指定图片的路径
以上两个属性是必须的
其他的属性类似于ＨＴＭＬ语言

标签：<do type="" label="" name="" option=""></do>
描述：执行某些动作，其中属性type是必须的。

type值　　　　　　　　触发事件
accept　　　　　　　　　　触发确认
delete　　　　　触发删除
help　　　　　　触发帮助　
options　　　　　触发选择
prev　　　　　　返回上一页
reset　　　　　　清除目前状态

标签：<go　href=""/>
描述：当用户点击了do标签之后，就可以使用这个标签
连接到其他的“卡片”或“层面”
要指定它的“href”属性。

标签：<timer value="">
描述：设定计时器的时间，以0.1秒为单位，同一个“卡片”只能有一个timer标签。到达特定时间后会触发ontimer事件

标签：<a href=""> </a>
描述：类似ＨＴＭＬ中的同样标签

标签：<go method="" href=""></go>
描述：类似于ＨＴＭＬ中的form标签，method属性的值：post/get

标签：<postfield name="" value=""/>
描述：设定变量的名字和值，这些值可以被服务器端的ASP,JSP等程序捕获。

标签：<input type="text/password" name="" value=""/>
描述：提供输入的表单，类似于ＨＴＭＬ$(name)
描述：获取变量的值
   以上就是在ＷＭＬ中经常用到的标签，当然还有很多标签，你可以在Nokia Toolkit中找到详尽的语法，这里就不再重复了。要注意的是，在ＷＭＬ中使用的图片格式不同于平常的图片，而是要使用ＷＢＭＰ格式的图片，这种图片是黑白两色的专为手机提供的图片格式，你可以下载Photoshop的ＷＢＭＰ插件，用来编辑ＷＢＭＰ格式的图片，或者网络上面有很多的工具可以转换其他格式的图片到ＷＢＭＰ格式。
    接下来我们要介绍一下运行在手机上面的script程序：ＷＭＬＳｃｒｉｐｔＷＭＬＳｃｒｉｐｔ语言和ＪａｖａＳｃｒｉｐｔ语言非常相似，不同之处在于ＷＭＬＳｃｒｉｐｔ语言必须放在一个ＷＭＬＳ的文件里面，并不像ｊａｖａｓｃｒｉｐｔ那样可以镶嵌在ＨＴＭＬ中，并且ＷＭＬＳ文件的大小也不要超过１.４Ｋ

语法规则如下：
１、每一行程序均以分号结尾
２、注释方法：“//”或者“/* */”
３、使用关键字“var”来声明变量
    怎么样？从上面我们就可看出来，ＷＭＬＳｃｒｉｐｔ语言和ｊａｖａｓｃｒｉｐｔ语言是多么的相似，ＷＭＬＳｃｒｉｐｔ的变量类型有：Ｂｏｏｌｅａｎ、Ｉｎｔｅｒｇｅｒ、Ｆｌｏａｔｉｎｇ－ｐｏｉｎｔ、Ｓｔｒｉｎｇ、ＩｎｖａｌｉｄＷＭＬＳｃｒｉｐｔ的流程控制语言和ｊａｖａｓｃｒｉｐｔ的相同，实例如下：

// if-else
if (x == y){ 　x = x * 3.25; }else{ x = 0; }
// for loop
for (var counter = 1; counter < 500; counter ++){ var i = counter * 1.05; somefunction(i); };
// while loop
while (i > j){ i--; };
// break

for (var counter = 1; counter < 500; counter ++){ var i = counter * 1.05; if (counter == 250) break; somefunction(i); };
//continue
for (var counter = -100; counter < 100; counter ++){ if (counter == 0) continue; var x = 350/counter; };
函数：
ＷＭＬＳｃｒｉｐｔ的函数使用方法如下：
extern function identifier(FormatParameterList) Block ; extern是说明函数是放在另外一个文件当中的。如下：
function RunTime(distance, speed){ var time = distance / speed; return time; };
    此例出入distance以及speed两个参数，然后返回time的值。如果调用的是WMLScript的內建函数，就必须加上这个函数所属的类名，例如调用 String类的length()函数，使用： var a = String.length('just a test'); 內建函数。
WMLScript有六大內建函数：
Lang：包含数据形态、绝对值、随机数等。
Float：浮点数处理。
String：字符串长度（length）、字符位置（charAt）等字串处理。
URL：getReferer、getHost。
WMLBrowser：go、prev、next、refresh等浏览处理。
Dialogs：弹出（prompt、confirm、alert）等对话框。
     首先我们先建立一个WML文件，WMLScriptExample.wml，內容如下：
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="stuid" title="stuid:">
<do type="accept" label="Results">
　　<go href="WMLScriptExample.wmls#checkid($(stuid))"/>
</do>
<p>
　　Enter Stu_ID: <input type="text" name="stuid"/>
</p>
</card>
<card id="Results" title="Results:">
<p>
　　You entered:<br/>
　　Stu_ID: $(stuid)<br/>
</p>
</card>
</wml>
   让用户输入学号，go的href连接到另外一个.wmls文件，调用checkid函数。再建立一个WMLScriptExample.wmls文件，內容如下：
extern function checkid(stuid){ if (String.length(stuid) != 8){ WMLBrowser.setVar("stuid", "Error: String must be 8 digits long."); } WMLBrowser.go("WMLScriptExample.wml#Results"); };
   这个WMLScript就是检查stuid字串长度是否为8，并且返回结果。 WMLBrowser.setVar()设定变量的值，WMLBrowser.go()將手机定位到下一个 WML文件，也就是WMLScriptExample.wml的Results卡片。
   怎么样？ＷＭＬＳｃｒｉｐｔ是不是很类似于ｊａｖａｓｃｒｉｐｔ？简直就是一模一样，就是多了和ＷＭＬ文件相配合的功能而已。
   最后需要指出的是，现在的大多数ＷＡＰ手机（Ｎｏｋｉａ７１１０、爱立信Ｒ３２０Ｓ等等）都是使用ＵＴＦ－８编码的，也就是采用Ｕｎｉｅｃｏｄｅ来编码，这样，如果我们直接在ＷＭＬ／ＷＭＬＳｃｒｉｐｔ中使用中文的话，将会产生乱码，手机用户无法识别，所以我们在输出中文之前，要对中文进行Ｕｎｉｅｃｏｄｅ的编码，这个工作就要服务器端的程序来完成了，比如我们使用ＡＳＰ来做这项工作，可以调用这个函数实现转换，其他语言的实现方法类似：

Function c2u(myText)
For i = 1 to Len(myText) ' 对每一个字节进行处理

c = Mid(myText, i, 1)
c2u = c2u & "&#x" & Hex(AscW(c)) & ";"
' 将传回的Unicode转换为十六进制值
next
End Function
实现的例子如下：（chinese.asp）
<% Response.ContentType="text/vnd.wap.wml;charset=UTF-8"

 %> <?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<% Function c2u(myText)
For i = 1 to Len(myText)
c = Mid(myText, i, 1)
c2u = c2u & "&#x" & Hex(AscW(c)) & ";"
next
End Function
%> <wml>
<card id="card1" title="UTF8">
<p>
<%=c2u("ＩＴ的事找赛迪网！！")%><br/>
</p>
</card>
</wml>
在诺基亚的仿真手机中浏览这个ＡＳＰ文件，就可以看到中文了！

结束语

　　我们通过上面的介绍，也可以大致了解一下ＷＡＰ技术的来龙去脉了，相信通过你自己的不断实践，一定能够驾驭它的。其实ＷＭＬ和ＨＴＭＬ一样属于一个静态的页面，要想真正建设吸引用户的ＷＡＰ站点，不光要仅仅依靠ＷＭＬ本身，还要配合各种运行在服务器端的程序，比如ＡＳＰ、ＰＨＰ、ＪＳＰ、ＣＧＩ等等来实现丰富多彩的动态ＷＡＰ网站，这就是后话了，暂且不谈。随着国内的ＷＡＰ技术大环境的越来越完善，将会有更多的网站、ＩＳＰ等投入到这场抢夺市场的战斗中来，相信ＷＡＰ技术的可移动性和简易操作性将会吸引越来越多的用户投身到广阔的无线网络中，对于我们ＷＥＢ开发人员来讲，掌握了ＷＡＰ就掌握了未来。