使用GGE开发Google小工具(Google Gadget)

刚开始研究Google的OpenSocial,发现还要从Google Gadget(即:Google小工具)学起来,有点无从下手。
首先在Google创建一个个人账户,已经有了可以直接登录,然后才能使用GGE来编辑托管文件,然后可以在自己的iGoogle上测试自己编写的小工具.
登录你的账号,然后打开链接http://code.google.com/intl/zh-CN/apis/gadgets/docs/tools.html,可以看到GGE编辑器。第一次进入,会看到自带的麽个默认的Hello World的例子,如图所示:


如果保存这个默认的helloworld.xml,直接进行发布,会出错的,如图所示:


一些验证的警告,可能,即使你点击OK也不会成功地忽略这些警告,所以,需要添加上警告中提示的一些属性的设置。
下面,是我创建的一个简单的Google小工具命名为welcomeToMyBaiduSpace.xml,如图:


我修改一下,如下所示:
如图

修改完成以后,选择左上角的“File”下的"Save"或者“Save As”保存即可。

我在其中输入中文字符了,可以看到,它会自动将中文转换为Unicode码。

OK,上面这个最简单的一个Google小工具就完成了。

然后,将自己编写Google小工具发布到自己的iGoogle上测试一下效果。

选择“File”下的“Publish”,会弹出一个验证警告对话框,如下所示:

单击“OK”即可,忽略这个警告,接着弹出对话框,如图所示:

这时,就要根据需要进行选择了。如果是这样的简单测试,选择“Add to my iGoogle page”发布到自己的iGoogle主页上即可,如果是一个具有复杂交互功能、比较成功的Google小工具,可以选择“Publish t0 iGoogle Directory”发布到iGoogle目录中供大家分享你的Google小工具,另外可以选择“Add to a webpage”发布到一个页面上。

我选择“Add to my iGoogle page”,这时会弹出一个确认添加到你的iGoogle上的提示页面,如图所示:

选择蓝色按钮“Add to Google”,添加到自己的iGoogle上,页面转向自己的iGoogle,你会看到多了下面一个Tab页:

OK,第一个Google小工具就开发测试完成了。下面,直接引用Google Gadget API参考,来简单说明一上上面XML代码的结构及其含义:



XML 文件中的 部分指定了小工具的特征,如标题、作者、首选大小等等。例如:

如图

小工具的用户不能更改这些属性。


下表列出了 属性:

上面的Google小工具只是加入了一些文本内容,实际里面可以添加HTML、JavaScript、Flash等代码,完成复杂的功能,使用户能够体验到复杂的交互,下面使用一个别人开发的名称为ROT13的Google小工具,看一下效果如何,XML代码如下所示:

图1

图2

图3

图4

然后,将其发布到我的iGoogle上,浏览效果如下所示:

填写一个Message,是字母串,我使用HelloShirdrn测试,如图所示:


关于ROT13,可以参考页面:

http://en.wikipedia.org/wiki/ROT13

0 评论:

发表评论

最近访问者

Google

存档

Labels