移动互联网的早期探索：WAP技术初级指南-CSDN博客

本文链接：https://blog.csdn.net/weixin_42627459/article/details/142406451

简介：WAP是一种为移动设备提供互联网访问的技术标准，由无线应用协议（WAP）和无线标记语言（WML）组成。本教程面向初学者，旨在介绍WAP的基础知识和WML的使用方法，包括WAP协议栈的构成和WML页面的设计、转换、测试与调试。教程还将通过实际案例分析，帮助学习者了解如何在移动设备上高效展示互联网内容，并提供对WAP技术的全面认识。尽管WAP技术已被更先进的技术所取代，但学习WAP将有助于理解现代移动应用的演进。

1. WAP技术标准简介

WAP技术的起源和演进

WAP（Wireless Application Protocol）无线应用协议，是一个全球性的无线应用标准，它使得移动设备能够访问互联网内容和服务。它的起源可以追溯到1997年，当时的移动设备和网络能力非常有限，因此WAP技术应运而生，以便为这些早期设备提供移动互联网接入。

随着技术的进步，WAP标准也在不断的更新和改进。WAP 2.0是在WAP 1.x的基础上发展起来的，它采用了与互联网兼容的技术，如XHTML Mobile Profile和CSS，从而大幅提升了用户体验。

WAP的当前应用和未来展望

尽管在当今这个智能手机普及的时代，WAP技术可能没有以前那么突出，但它在特定领域内仍然有其应用价值，特别是在那些网络带宽受限、设备性能较低的环境下。WAP技术可以用于开发适用于低端手机的应用和服务，如信息服务、移动银行和远程监控等。

展望未来，WAP技术仍然有发展的空间。随着物联网（IoT）的兴起和5G网络的部署，WAP技术可能会被重新利用，以适应不同设备之间的通信需求和提供更广泛的互联网接入方式。它也可能与其他技术如蓝牙、NFC等结合，为用户提供更加丰富的移动体验。

2. WAP协议栈构成与数据交换方法

2.1 WAP协议栈的层次结构

2.1.1 应用层的WSP和WTP协议

WAP（Wireless Application Protocol）协议栈中的应用层是面向无线应用的最高层次，提供了无线会话协议（WSP）和无线事务协议（WTP）。WSP在应用层提供了如HTTP一样的功能，支持请求/响应模式，并为WML等无线标记语言提供了应用编程接口。WSP构建在WTP之上，提供了基于连接和无连接两种服务模式。

WTP为移动设备和网络之间的可靠数据传输提供支持，尤其适用于带宽较小且连接不稳定的无线环境。它还优化了传输，减少重传次数，提高了传输效率，同时引入了事务的概念，每个事务可以包括一个或多个数据交换。

flowchart TB
    A[WSP Application] -->|WSP| B(WSP)
    C[WML Browser] -->|WSP| B
    B -->|Reliable Transport| D(WTP)
    D -->|Data Exchange| E(WDP)

WSP和WTP协议使得WAP应用可以有效地在无线网络环境中运行。WSP通过协商支持不同级别的服务质量（QoS），而WTP针对错误控制和数据传输特性进行了优化，减少了不必要的网络流量和服务器负载。

2.1.2 会话层的WTLS协议

WTLS（Wireless Transport Layer Security）是安全层协议，位于WAP协议栈的会话层，它提供了加密和身份验证功能。WTLS是SSL（Secure Sockets Layer）的一个子集，针对无线网络的局限性进行优化，如带宽限制和处理能力。WTLS实现了数据的加密传输，确保了数据传输的安全性。

WTLS在建立连接的过程中提供了一种握手机制，通过这种方式，可以验证通信双方的身份，并在必要时建立加密通信通道。WTLS的握手协议分三步进行：client hello、server hello以及密钥交换。通过这些步骤，双方互相交换并确认了加密算法和密钥。

2.1.3 传输层的WDP协议

在WAP协议栈的传输层，无线数据报协议（WDP）起着核心的作用。WDP作为传输层的核心，为上层的WSP和WTP提供了透明的数据传输服务，确保了上层协议的应用不受下层网络变化的影响。

WDP支持多种网络传输协议，例如GPRS和SMS，使得WAP应用可以在不同的网络类型上运行。WDP利用了所谓的“分片机制”，将较大的数据包分拆成多个较小的单元进行传输，然后再在目的地重新组装。这种机制提高了数据传输的可靠性和灵活性，尤其在网络条件波动较大时，它能提高数据传输的成功率。

2.2 WAP协议栈的数据交换原理

2.2.1 数据封装与传输机制

WAP协议栈通过分层的设计，将数据封装成适当的形式，然后进行传输。在应用层，WSP接收到来自WML浏览器的请求，并将其封装成符合WSP规范的消息格式。然后这些消息被进一步封装，以适应传输层的WDP协议。

在传输层，WDP负责将WSP的消息封装到适合网络传输的数据包中。如果数据包大小超过了网络所能承载的上限，WDP将对数据包进行分片处理。每一个片段都将独立发送，并在接收端重新组合成完整的消息。

sequenceDiagram
    participant A as WML Browser
    participant B as WSP
    participant C as WTP
    participant D as WDP
    participant E as Network

    A->>B: Request
    B->>C: Encapsulate Request
    C->>D: Encapsulate Data
    D->>E: Fragment Data for Transmission
    Note right of E: Send Fragmented Data
    E->>D: Receive Data
    D->>C: Reassemble Data
    C->>B: Deliver Data
    B->>A: Response

数据封装保证了在各种网络环境和设备之间传输的数据可以被正确解析和处理。封装机制也保障了数据传输的可靠性，即使在错误率较高的无线通信环境中。

2.2.2 安全性分析与实现

安全性是WAP协议栈中的一个关键方面。WTLS负责实现安全性，提供了数据加密、数据完整性和用户身份验证功能。在发送数据前，WTLS通过握手过程确保了连接的安全性，通过协商确定使用哪种加密算法和密钥。

为了确保数据的完整性，WTLS也提供了一种消息认证机制。在认证过程中，WTLS在数据上附加了一个称为消息认证码（MAC）的值。接收方可以使用相同的算法和密钥来验证MAC，从而检测数据是否在传输过程中被篡改。

WTLS握手过程涉及到复杂的步骤，包括客户端和服务器互相交换它们支持的加密套件、交换密钥材料以及验证彼此的身份。WTLS还通过选择不同的密钥来保证通信的安全，每次通信的密钥都是唯一的，即使使用了相同的加密套件，每次握手后生成的加密密钥都不会相同。

2.2.3 会话管理与数据交换效率

WTP协议对会话管理提供了支持，使得数据交换效率得到优化。WTP允许客户端和服务端建立会话，在一个会话中可以进行多个事务。通过会话管理，WTP能够复用已经建立的连接，减少了会话建立的开销，对于频繁交互的应用尤其有利。

事务管理是WTP的另一项核心功能，事务是WTP通信中的最小单位。WTP提供了三种事务类型：确认事务、非确认事务和流式事务。确认事务保证数据必定到达目的地，而非确认事务则不保证，流式事务则用于持续的数据流。

此外，WTP还提供了事务优先级的概念，允许不同重要性的数据采用不同的传输优先级。例如，在紧急情况下可以为关键消息设置高优先级，确保这些消息可以得到快速的处理。

在设计WTP时，效率和可靠性是两个主要考虑的因素。WTP实现了对端到端错误检测和恢复机制，以及优化了传输过程中的数据重传策略，以减少不必要的网络负载，并提高了无线网络的总体效率。通过这些措施，WAP应用可以更高效地管理数据传输，同时确保了通信的可靠性和数据的完整性。

在下一章节中，我们将更详细地探讨WML语言的基础与语法结构，为理解WAP页面构建提供更深入的知识。

3. WML语言基础与语法结构

3.1 WML语言概述

3.1.1 WML语言的特点与应用范围

WML（Wireless Markup Language）是一种基于XML的标记语言，它专门为无线设备设计，用于创建适合于移动电话和其他无线终端显示的页面。WML的主要特点是能够在低带宽和有限的设备处理能力下提供良好的用户体验。它的应用范围包括各种WAP（Wireless Application Protocol）服务，例如移动银行、股票交易、天气预报、新闻浏览等。

WML与HTML的最大不同在于它的设计考虑了无线设备的显示和输入限制，如屏幕大小有限、按钮输入为主。WML页面也通常被称为“卡片组”（Card deck），每个页面称为一个“卡片”（Card）。这种设计有利于以非常小的数据量传输，并且用户可以导航卡片组而不必重新加载整个页面。

3.1.2 WML与HTML的比较

尽管WML和HTML都是标记语言，但它们面向的终端设备和应用场景有显著差异。HTML主要面向桌面浏览器，因此它包含了许多用于复杂页面布局和多媒体内容展示的标签，而WML则去掉了这部分内容，专注于为无线设备提供最简洁和最有效的数据展示。在表格布局、CSS样式、JavaScript交互等方面，HTML提供了非常丰富的功能，但WML则简化了这些部分，以适应无线网络传输的限制。

由于WML的这些限制，当把HTML页面转换为WML页面时，开发者需要去除或者替换掉一些不支持的HTML特性。例如，表格布局在WML中通常需要转换为线性布局，复杂的JavaScript交互可能需要替换为服务器端处理或者简化为更基础的用户交互方式。

3.2 WML语法结构详解

3.2.1 WML文档结构的基本组成

一个WML文档的基本结构包括以下几个主要部分：XML声明、WML声明、卡片组（Deck）和卡片（Card）。以下是一个简单的WML页面结构示例：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "***">
<wml>
    <card id="card1" title="Welcome">
        <!-- Card content -->
    </card>
    <!-- Other cards -->
</wml>

在上述结构中， <?xml version="1.0"?> 是XML声明，用于指明该文档是一个XML文档。 <!DOCTYPE wml> 声明了文档类型，指定了使用WML 1.1标准。 <wml> 标签定义了WML的文档根元素，而 <card> 标签则定义了单独的页面（卡片）。每个卡片可以有多个不同的内容元素，如文本、图像、输入框等。

3.2.2 WML语法的基本规则和元素

WML的元素和属性都是小写，必须符合XML的语法规则。每个卡片通常包含一套用户界面元素，如文本、图像、输入字段和按钮等，这些元素的组合决定了WML页面的布局和功能。

元素

文本显示： <p> 标签用于显示文本信息，可包含 <br/> 实现换行。
输入元素： <input> 标签用于创建输入字段，允许用户输入数据。例如 <input type="text" name="usertext" format="*M"/> 允许用户输入最多M个字符的文本。
图像标签： <img> 标签用于引入图像文件。
超链接标签： <anchor> 标签用于创建可点击的链接，指向其他的卡片或外部资源。

属性

卡片属性： 每个卡片可以有 id 属性（标识符）和 title 属性（标题）， id 用于页面导航， title 则显示在设备的标题栏或卡片切换列表中。
事件处理属性： 如 ontimer （定时事件）、 onclick （点击事件）等，用于处理用户的输入和页面间导航。下面是一个示例代码片段，展示了一个简单的WML页面，其中包含了文本显示、输入框和按钮：

<wml>
    <card id="welcome" title="Welcome">
        <p>
            Hello, welcome to our WML service!
        </p>
        <p>
            <input type="text" name="username" format="*M" emptyok="true"/>
            <postfield name="username" value="{username}"/>
            <go href="#login" send="#username"/>
            <prev/>
        </p>
    </card>
    <card id="login" title="Login">
        <!-- Login form elements -->
    </card>
</wml>

在这个示例中，我们创建了一个欢迎卡片和一个登录卡片。用户输入文本后，点击提交按钮，页面会根据 go 标签的 href 属性跳转到登录卡片，并将用户输入的内容作为参数提交。

WML的语法结构虽然简单，但通过卡片组和卡片的组合，可以实现复杂的用户交互流程。理解和掌握WML的基本语法和元素对于开发WAP应用至关重要。

4. WML常用标签应用与优化

4.1 WML常用标签介绍

4.1.1 文本和输入相关标签

WML为移动设备的文本显示和用户输入提供了特定的标签。 <p> 标签用于显示段落文本，类似于HTML中的 <p> 标签。 <do> 标签定义了一个可执行的动作，通常与按钮配合使用，允许用户通过点击按钮来触发事件。 <input> 标签则用于创建表单输入元素，用户可以输入数据，这在WAP页面上的表单处理中非常有用。

<p>欢迎访问WAP页面</p>
<do type="accept" label="提交">
  <go href="#submitPage"/>
</do>
<input name="username" type="text" size="15" emptyok="true"/>

在上述代码中， <p> 标签显示一段欢迎文本， <do> 标签定义了一个提交动作，当用户点击关联按钮时，页面将会导航到 #submitPage 。 <input> 标签创建了一个文本输入框，用户可以在此输入用户名。

4.1.2 图像和超链接标签

WML中的图像通常使用 <img> 标签引入，并支持多种格式，如WBMP、GIF、JPEG等。 <a> 标签则用于创建超链接，允许用户通过点击链接来导航到其他卡片组或URL。

<img src="logo.wbmp" alt="公司Logo"/>
<a href="***">访问示例网站</a>

在该示例中， <img> 标签插入了一个WBMP格式的公司Logo图像，而 <a> 标签则创建了一个链接，用户点击后可以访问外部网站。

4.1.3 框架和导航标签

WML支持使用框架，通过 <card> 和 <deck> 标签定义卡片和卡片组，为用户提供不同的视图。 <anchor> 标签用于在导航条中创建可点击的目标点，使用户能够方便地在页面中导航。

<deck name="mainDeck">
  <card id="welcomeCard" label="首页">
    <p>欢迎使用WML页面</p>
    <a href="#settingsCard">设置</a>
  </card>
  <card id="settingsCard" label="设置">
    <p>进入设置选项</p>
    <go href="#welcomeCard"/>
  </card>
</deck>

在这个示例中， <deck> 标签定义了一个名为 mainDeck 的卡片组，包含两张卡片。用户可以从 welcomeCard 导航到 settingsCard ，也可从 settingsCard 返回到 welcomeCard 。

4.2 WAP页面布局优化技巧

4.2.1 布局标签的应用

为了提高WML页面的可读性和可用性，需要掌握布局标签的正确应用。使用 <do> 标签结合 <anchor> 可以创建一个导航栏。此外，可以利用 <br/> 标签来强制换行，以及使用 <em> 标签对文本内容进行强调。

<card>
  <p>这是一段文本。<br/>
  这里是同一段文本的另一部分。</p>
  <do type="go" label="返回">
    <go href="#welcomeCard"/>
  </do>
  <em>这是一段强调的文本。</em>
</card>

在上述示例中， <br/> 标签用于换行，而 <em> 标签对文本进行强调。 <do> 标签创建了一个返回按钮，允许用户回到上一个卡片。

4.2.2 响应式设计与用户交互

响应式设计是提高WAP页面用户体验的关键。使用 <wml> 标签的 units 属性和 <table> 标签可以帮助创建适应不同屏幕尺寸的布局。此外，合理地使用 <timer> 标签可以创建倒计时或超时事件，增强用户交互性。

<wml>
  <card id="homeCard" label="首页">
    <table cols="3" rows="3" border="1">
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
    </table>
    <timer name="myTimer" value="10" binding="true"/>
    <p>请在10秒内操作。</p>
  </card>
</wml>

在此示例中， <table> 标签创建了一个3x3的表格，适配不同屏幕。 <timer> 标签设置了一个持续10秒的计时器，如果10秒内用户没有进行操作，可能会触发其他事件。

5. HTML到WML转换技巧与实践

5.1 HTML与WML的转换原则

5.1.1 元素与属性的对应关系

在将HTML转换为WML的过程中，理解HTML元素与WML标签之间的对应关系至关重要。由于WML是为移动设备设计的，因此，并非所有的HTML标签都能够在WML中找到直接的对应物。这意味着在转换过程中，一些HTML标签需要找到最合适的WML标签来替代，或者可能需要重新设计页面布局。

举个例子，HTML中的 <div> 标签通常用于布局和分组，而在WML中，我们可以使用 <wml:card> 标签来创建一个可导航的页面单元。HTML中的 <p> 标签用于段落的排版，而WML中则使用 <wml:p> 来实现同样的目的。在表格排版方面，HTML的 <table> 标签在WML中通常被 <wml:table> 替代。

5.1.2 转换工具的使用方法

手动将HTML转换成WML是一项繁琐且易出错的工作。幸运的是，存在一些工具和转换器，可以帮助自动化这一过程。虽然这些工具能够大大提高效率，但结果通常需要人工进一步的微调。

转换工具的基本使用方法通常包括以下几个步骤：

输入HTML源代码到转换工具中。
选择适当的转换配置选项，如编码方式、字符集等。
运行转换，将HTML转换为WML代码。
手动校验和调整生成的WML代码，确保其在移动设备上运行无误。

一些流行的转换工具包括XForms Converter、Mobify等，这些工具通常支持命令行操作，并提供了参数化的转换选项。

5.2 实际转换案例分析

5.2.1 从HTML到WML的手动转换过程

手动转换是一个细致的编辑过程，需要了解两种语言的语法结构和元素属性。以下是一个简单的转换实例。

假设我们有如下的HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>Mobile Page</title>
</head>
<body>
    <h1>Welcome to the Mobile Site</h1>
    <p>This is a paragraph of text.</p>
</body>
</html>

转换为WML，我们需要将其修改为：

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "***">
<wml>
    <card id="home" title="Mobile Page">
        <p>
            <b>Welcome to the Mobile Site</b>
        </p>
        <p>This is a paragraph of text.</p>
    </card>
</wml>

在这个过程中， <html> , <head> , <title> , <body> 等元素被替换成WML元素。 <h1> 和 <p> 标签也被相应地转换成了WML中的标签，注意WML中的文本段落使用 <wml:p> 元素，并且可以通过 <b> 元素来实现粗体。

5.2.2 自动化转换工具的应用实例

现在让我们来看看如何使用一个自动化工具来完成这个转换过程。

假设我们使用的是一个命令行工具 wapconvert ，它能够接受HTML文件并输出WML文件。我们可以通过以下命令来实现：

wapconvert --input path/to/input.html --output path/to/output.wml

假设 wapconvert 内部运行逻辑如下：

解析命令行参数确定输入输出路径。
读取输入的HTML文件。
将HTML内容转换为XML格式的WML，并将对应的HTML标签转换为WML标签。
根据需要，调整WML元素的属性。
输出转换后的WML文件到指定路径。

这个工具的执行逻辑简单明了，通过命令行参数控制转换过程，适合用于一些简单到中等复杂的HTML页面转换。对于更复杂的页面，可能还是需要人工干预。

请注意，上述的转换过程和命令只是示例，并不代表实际的转换工具的具体实现。每款工具的转换逻辑和可用的参数都有可能不同，具体的使用方法需要参照所使用工具的官方文档。

6. WAP页面测试与问题解决

6.1 WAP页面测试方法

功能测试与性能测试

在WAP页面的测试阶段，功能测试是确保页面正确执行其设计功能的重要环节。测试人员需要确保所有的WML标签和脚本按照预期工作，包括链接跳转、表单提交、用户输入处理等。在功能测试过程中，可以使用自动化测试工具如WAT（WAP Application Testing）来模拟用户行为，并验证页面的响应是否符合预期。

性能测试则是关注WAP页面在低带宽和高延迟网络条件下的表现。由于WAP主要是为移动设备设计的，因此在网络信号不佳或数据传输速度慢的情况下，页面的加载时间、资源消耗和交互响应都是需要关注的性能指标。性能测试可以帮助优化页面资源，如减少图片大小、压缩文本内容，或者使用更高效的编码技术如WBMP（Wireless Bitmap）来减少数据传输量。