OpenSocial Quick Start 1

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

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

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

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

OpenSocial的概述：

OpenSocial是Google推出的基于JavaScript的SNS应用程序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" ?> 
3. <Module>
5. <ModulePrefs title="Hello,World!" > 
7.   <Require feature="opensocial-0.7"/>
9.   </ModulePrefs>
11.   <Content type="html">
13.     <![CDATA[
14.       <div id="content_div"></div>
16.       <script type="text/javascript">
    
17.         function helloworld(){
    
19.           var div = document.getElementById('content_div');
21.           div.innerHTML = "<p>Hello,World!</p>";
22.         }
    
24.       </script>
27.     ]]> 
29.   </Content>
31. </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了。