WAP基础教程(一到三)

来源:互联网 发布:吃素的狮子淘宝店 编辑:程序博客网 时间:2024/05/22 02:00

WAP(wml)开发教程

    WAP(无线应用协议)是在数字移动电话、因特网或其他个人数字助理机(PDA)、计算机应用之间进行通讯的开放全球标准。 它是由一系列协议组成,用来标准化无线通信设备,可用于Internet访问,包括收发电子邮件,访问WAP网站上的页面等等。
WAP将移动网络和Internet以及公司的局域网紧密地联系起来.提供一种与网络类型、运行商和终端设备都独立的移动增值业务。
  通过这种技术,无论你在何地、何时只要你需要信息,你就可以打开你的WAP手机,享受无穷无尽的网上信息或者网上资源。如:综合新闻、天气预报、股市动态、商业报道、当前汇率等。电子商务、网上银行也将逐一实现。你还可以随时随地获得体育比赛结果、娱乐圈趣闻以及幽默故事,为生活增添情趣,也可以利用网上预定功能,把生活安排的有条不紊。
WAP协议包括以下几层:
1、Wireless Application Environment (WAE)
2、Wireless Session Layer (WSL)
3、Wireless Transaction Layer (WTP)
4、Wireless Transport Layer Security (WTLS)
5、Wireless Transport Layer (WDP)
  其中,WAE层含有微型浏览器、WML 、WMLSCRIPT的解释器等等功能。WTLS层为无线电子商务及无线加密传输数据时提供安全方面的基本功能。
   WAP协议的诞生是WAP论坛成员多年努力的结果。它是针对不同的协议层定义了一系列协议,这些协议使得各方面的厂商和公司可以协同工作,开发无线通信网络的应用。目前有超过100个成员加入WAP论坛,包括有终端和基础设备的制造商,有移动通信的网络运营商,有业务提供商,有软件公司,也有网络内容提供商等,共同为移动设备开发服务和应用。
  但是,目前由于无线网的带宽等等因素的限制,WAP手机的在多媒体上的应用如:可视会议、多媒体教学等等,还须一段时日。
WAP规范还在不断地完善,WAP论坛成员们在加紧开发功能完善的WAP设备,这无疑加快其在无线因特网综合服务领域的扩展速度。
关于WAP有几点,应该注意一下:
 
1.WAP不只是将手机带入IP/Internet网络
  WAP规范考虑了很多无线网络和手机的特性。即便是3G的手机也无法把屏幕做的象通用计算机一样,来浏览HTML页面。直接接入IP网,9110在98年就可以,但是应用呢,不可能Nokia, Motarola, Ericsson推出手机时各自定义一套应用。
象WWW一样,在规范推出以前,已经有了很多基于IP网络的应用,包括一些做的很好的软件。但Internet遍地开花却是在WWW规范推出之后。WAP很大的意义在于统一的标准。
  WAP和无线IP网络并不矛盾,WAP协议规定,若承载基于IP,WDP就是UDP。等无线IP网络普及,若认为上面几层太繁琐,最多是WAP协议中间几层略掉(其实也没太多东西)。
2.WAP应用模式很多
   只要手机和网络支持统一标准,业务发展是不可限量的。这一点就不多说了。
3.WAP是发展的
   WAP规范不仅定义了和Internet结合部分,还定义WTE,及话音部分,可以说发展还早呢。要是以后通讯核心网建起来,话音业务没准都采用WAP来实现。
WML学习(一)

概述
  WML(Wireless Markup Language - 无线标记语言)这种描述语言同我们常听说的HTML语言同出一家,都属于X ML语言这一大家族。HTML语言写出的内容,我们可以在我们的PC机上用IE或是Netscape等浏览器进行阅读,而 WML语言写出的文件则是专门用来在手机等的一些无线终端显示屏上显示,供人们阅读的,并且同样也可以向使用者提供人机交互界面,接受使用者输入的查询等信息,然后向使用者返回他所想要获得的最终信息。
基本规则
  * WML使用XML文档字符集,目前支持 Unicode 2.0,和HDML不同, WML的所有标签,属性和规定的可接收值必须小写,CARD的名字和变量也是区分大小写的。和HDML一样,对于连续的空字符,只显示一个空格。标签内属性的值必须用"或者'括起来,属性名,=和值之间不能有空格。对于不成对出现的标签,必须在 > 前加 / ,比如<br/>。在对变量的引用上和HDML基本相同,有:
  $(var1:esc)
  $(var1:noesc)
  $(var1:unesc)
三种形式,具体含义参见前面HDML的相关部分。在对保留字符的处理上也基本相同,对应的取代字符有:
  < <
  > >
  ' &apos;
  " "
  & &
  $ $$
  空格 
  - -
这里要指出的是在URL的传递过程中,用来连接参数的 & 必须转化为 & 。
WML学习(二)
 
基本格式和文件头
wml文件的一般格式:
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
 <head>
  <access/>
  <meta..../>
 </head>
 <card>
  Some contents...
 </card>
<wml>
  结构看上去和HTMl文件很类似,对于每一个DECK,在其文档开头必须指明以下的类型声明:
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
千万注意字母的大小写。对于一个DECK,其文件大小最好不要超过1.2K
  <wml>标签和HTML中的<html>标签一样,用来表明这是一个 WML的DECK,它有一个可选的xml:lang属性来制定文档的语言,比如<wml xml:lang="zh">表示文档语言为中文。
 
  和HTML一样<head>标签包含了该DESK的相关信息。<head> 标签之间可以包含一个<access>标签和多个<meta>标签。
  <access domain="域" path="/路径" />相当于HTML中的<BASE>标签,指定该DECK的访问控制信息,它用两个可选的属性,domain用来指定域,默认值为当前域, path用来指定路径,默认值为"/",即根目录。由于 <access>单独使用,所以要用/结尾,以后对于类似的情况不再赘述。
  <meta 属性 content="值" scheme="格式" forua="true|false"/> 和HTML中的类似,提供了该DECK的meta信息。属性是必选的,包括一下三种情况name="name" UP.Link Server忽略meta数据 
http-equiv="name" UP.Link Server将meta 数据转为 HTTP 响应头(同HTML)
  user-agent="agent" UP.Link Server 直接将 meta 数据传给手机设备,content属性也是必选的,其内容根据属性而定。scheme属性目前尚不支持。forua 为可选属性,指定在该wml文件传到客户端之前,<meta>标签是不是被中间代理删除(因为传输的协议可能改变),默认值为false。
  目前支持的meta数据:
  <meta http-equiv="Cache-Control" content="max-age=3600"/>指定DECK在手机内存缓存中的存储时间段,默认的为30天(除非内存耗尽),在该期间, 手机对于访问过的DECK直接从缓存里调用。如果信息是对时间敏感的,可以用max-age指定DECK在缓存里的生存期,最小单位是秒, 如果指定为0, 则每次都需通过连接服务器来调用该DECK。
 
  <meta user-agent="vnd.up.markable" content="false"/>和<meta user-agent="vnd.up.bookmark" content="指定的URL"/> 类似于普通浏览器的书签功能。当用户将一个CARD做了书签后,手机浏览器首先用一个标记记录该CARD, 这个标记默认的是<card>标签中的title属性(以后会讲到),然后当用户选择了该书签以后,浏览器就会打开被记录的URL。但是因为在默认的情况下,手机会记录所有的DECK,所以,一般<meta>被用来使手机不要记录当前的URL,即<meta user-agent="vnd.up.markable" content="false"/>。此外, 如果要为书签指定不同于当前DRECk的 URL,用<meta user-agent="vnd.up.bookmark" content="指定的URL"/>。
  一个DECK可以包含多个CARD,每个CARD的内容可能不止一屏显示,注意DECK,CARD和屏幕显示范围的关系。一个CARD用<card>和</card>包含。<card>可以包含以下可选的属性:
<card id="name" title="label" newcontext="false" ordered="true" onenterforward="url" onenterbackward="url" ontimer="url">
  *id属性用来指定CARD的名字,可用来在CARD间跳转,相当于在HTML中在页内跳转时用<A NAME="jumpHere">。
  *title属性用来作为书签的标记,该属性一般不会显示在屏幕上。
  *newcontext属性,默认值为false, 用来指示当跳转到本CARD时,手机是不是要清除以前保留的信息,包括变量,堆栈里的历史记录,重新设置手机状态等。
  *ordered属性,默认值是true,表明该CARD里的内容是按固定的顺序显示, 还是按用户的选择来显示。这点和HTMl不同,CARD 页面里的内容可以按一定的顺序显示,默认的是按线性顺序显示,即按代码的顺序, 但是,要注意的是,以下三个标签必须按以下顺序来写<onevent><timer><do>, (这和以后要讲的“事件”有关)。这样做是为了方便填表单,当ordered设置为true时,如果一个表单的内容不能在一屏里显示完,就分成多屏显示;当ordered设置为false时, 手机可以显示一个概要CARD来总结有效的选项,用户可以从中选取表单选项来填写。
  *onXXX属性,类似于HTML标签中的onXXX属性,用来捕捉事件,当事件被触发时执行指定的操作(任务),在这里是转向某个URL。
 
WML学习(三)
 
显示文本
  在文本的显示上WML基本和HTML相同。文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center;mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条的机制来显示所有文字。
  换行标签也一样为<br/>,这里先替一下,在标单中如果有多个<input>或者<select>,其间不要用<br/>,否则会使手机浏览器认为是断点而把表单分页显示。
  文字的修饰标签有<b>、<i>、<u>、<em>、<strong>、<big>和<small>,意义和HTML里的相同。
  表格的显示标签也和HTML相近,使用<table title="name" align="left|right|center" columns="列数">、<tr>和<td>来显示,<table>的title属性用来给表格取个名字,columns属性指定表的列数,不能为0,可选的align属性和前面提到的一样是对齐方式。表格中可以包含文字和图片。
 
test1.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>
<p align="center">
<i>Hello</i><br/>
<b><i>World!</i></b>
<table title="mytable" align="right" columns="2">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</p>
</card>
</wml>
显示图片
  显示图片(1位黑白BMP图片)的标签一样类似于HTML,<img alt="text" src="url"
localsrc="icon" align="left" height="n" width="n" vspace="n" hspace="n"/>,属
性中alt和src是必须要有的,其他可选。另外要注意的是<img>要放在<p>里,不能放在
<do>和<option>等功能健标签和选单标签里。
  *alt属性用来指定当手机不支持图片显示时用来显示的文字。
  *src属性指定图片的URL,但当有了以下的localsrc属性时,手机浏览器就忽略src
属性。
  *localsrc属性用来指定显示存在手机ROM中的图标,如果找不到,则到UP.Link Se
rver上去找。
  *可选的align属性用来表明图片同当前行文本的对齐方式,默认值为bottom,可选
to和middle。
  *height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距,
目前不是所有的WAP手机都支持这些属性。
test2.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>
<p align="center"><img alt=":)" src="xxx.bmp" localsrc="smileyface"/></p>
</card>
</wml>