OpenSocial Quick Start 1

岳泳
2023-12-01

如果大家觉得写的有不正确的地方还请多多指正。

几天前有幸参加Google举办的Hackathon 。了解了一下OpenSocialAPI

先说一下我没有用过Facebook的开放平台。

废话少说,开始吧,我假设读者对JavaScript DOM 有一定的了解(半小时快速阅读 JavaScript DOM编程艺术)


OpenSocial的概述:

OpenSocialGoogle推出的基于JavaScriptSNS应用程序API


感觉有点绕口,这么说吧,传统的应用程序开发,需要用到系统的功能就要调用系统的API而现在我们要在SNS上开发应用程序,应用程序可以是一个游戏,或者其它的应用,在这儿我们就可以把 SNS 或者说OpenSocial做为应用程序的运行平台,而程序员应使用JavaScript来使用这些API,这有区别于普通的Web开发。等等,你可能要问,既然SNS的应用是基于Web的,那么我总不是用JavaScript写后台代码吧,这是ASP吗?No,对于你有疑问是正常的,我后边会有详细的解释,但这是绝不是在写ASP程序。


HelloWorld

我们不免于俗套先写一个HelloWorld

代码清单1:helloworld.xml


  1. <?xml version="1.0" encoding="UTF-8" ?> 
  2. <Module>
  3. <ModulePrefs title="Hello,World!" > 
  4.   <Require feature="opensocial-0.7"/>
  5.   </ModulePrefs>
  6.   <Content type="html">
  7.     <![CDATA[
  8.       <div id="content_div"></div>
  9.       <script type="text/javascript">
  10.         function helloworld(){
  11.           var div = document.getElementById('content_div');
  12.           div.innerHTML = "<p>Hello,World!</p>";
  13.         }
  14.       </script>
  15.     ]]> 
  16.   </Content>
  17. </Module>


How To Run

开发OpenSocial是非常简单的。你需要的工具非常少。

1,一个你喜欢的文件编辑器,Win可以用notepad++,Mac用户可以用textMate。

2,一个静态的网页空间,用来存放xml文件,需要可以从外部访问到xml文件,如Google Page Creater。

3,一个orkut账号,或者其它的,但笔者建议使用orkut,因为它比较简单而且直接使用Gmail就可以登陆,还需要注册一个sandbox地址是http://sandbox.orkut.com/SandboxSignup.aspx

4,如果你想让你的App功能非常强大的话可能还需要其它的东西,比如Flash或者数据库。但在本教程中还没有用到。



继续上边的HelloWorld,将HelloWorld保存为helloworld.xml文件,上传到你准备好的静态Web空间。得到url,打开orkut的sandbox选择应用

程序->编辑。添加url(注意,url中要有http://或https://如果是的话)

然后添加应用程序,OK,是不是看到的Hello,World!。

以下是对HelloWorld的解释:

<?xml version="1.0" encoding="UTF-8" ?>

这句话就不用说了吧。

<Module>



</Module>
这个是xml的根结点。


<ModulePrefs title="Hello,World!" >
<Require feature="opensocial-0.7"/>
</ModulePrefs>

这个是App的Title。另外你需要Requires OpenSocial的gadget版本(最新版0.81),这个是必须有的。

<Content type="html">
<![CDATA[

...

]]>
</Content>

OK,这里就是写主要代码的地方了,你可以把你的html,css,javascript全写在这里。你可以看到我们在CDATA里定义了一个div标记,然后在Jav

aScript里用innerHTML动态添加内容。你也可以直接写在div里。


总结:

基于OpenSocial是写在一个xml文件里,其中包含定义及代码。而且我们的JavaScript代码很可能并不是运行在后台,而是前台的一个元素,至

于如何调用数据库会有相应的方法,后面的文章我会介绍。

总体来讲OpenSocial还是比较简单的,稍微了解一下OpenSocial你就可以按照以前写JavaScript的方式来写App了。

 类似资料:

相关阅读

相关文章

相关问答