查看示例 Apache Wookie 允许我们在所有浏览器上查看 Widget,所以我们不需要搜索实现 W3C 规范的浏览器(类似于 Opera 浏览器的 Widget 实现)。 理想地,浏览器将会实现 W3C Widget 规范,所以用户可以利用 Widget 的一次下载、重复使用的优点。
为了查看我们新创建的 Widget,我们必须确保 Apache Wookie 已经运行,并能从浏览器访问它。 单击 View Widget Gallery,我们就可以看到所部署的 Widget 已经列在库中(见 )。
图 5. 查看 Widget 库 单击 Demo 查看 Widget 的运行结果。
我们也可以创建一个测试文件,它用一个 iframe 元素包含我们创建的新 Widget。 创建一个如 所示的 HTML 文件。
清单 6. 一个简单的运行 Widget 的 HTML 文件 1
2
3
4
5
6
7
8
9
10
11
| <html>
<head><title>Widget sample</title>
<body>
<iframe src=
"http://localhost:8080/wookie/wservices/wookie.apache.org/widgets/butterfly/index.html
?idkey=sM4aI8pnUUNI2Kfz15aK2h6vIek.eq.&proxy=http://localhost:8080/wookie/proxy
&st=wookie%3AwEQZrCsxTF502%2B6JeeEFlkq1KPgqXKQTllufS6Toez81qb40hPouhYV3apG4on23uVB
kQ5xlLjOXvIKulGqKBZvnKv2pgfEMg7OVzJpdDQt66MfODW6BBJry33ybOyMSc2hKonu7Sp1n1SY6FOFUuRx8VAjED
TuJip8BQ9i6ZXRH9193FT%2F7Ijjz0o1vdR91ofzcFA%3D%3D" width="500" height="400">
</body>
</html>
|
我们将看到所创建的 Widget 显示在网页中。我使用的 Widget URL 是来自于 Wookie 主菜单的 Instantiate a widget 的执行结果。
我们还可以查看其他示例包,它们包含了更复杂的 JavaScript 文件、CSS 和图片,这些示例包是和 Apache Wookie 源代码一起发布的。 在下载了 Apache Wookie 源代码后,子文件夹 widgets 中就包含了其他 Widget 的源代码。 |