新浪微博开放平台站内应用开发流程直播(三)

  终于开始进行写程序了,最有乐趣的莫过于此。

  首先从http://open.weibo.com/wiki/SDK下载一个sdk,我下载的是php的sdk。今天打开这里一看居然又多了这么多语言的支持,居然还有Delphi的sdk,以后有时间可以看看C#和Delphi的,毕竟俺最熟悉的还是这两门语言。闲话少叙,目前本人只用过php,那么这次也还用php,由于SAE直接集成了php的sdk,所以我们到这里直接下载那个站内应用的DEMO(地址:http://libweibo.googlecode.com/files/weibo-apps-demo-2011-10-27.zip),将下载下来的文件解压缩到上一篇那个对应的版本号的文件夹下面,在我机器上的文件夹是D:\SAE\wwwroot\ArcanLottery\2。

  解压缩的时候会提示是否覆盖index.php这个文件,没问题,覆盖掉。解压缩完成后在这个文件夹中多出下面几个文件:index.php、auth.php、config.php、README.txt、saetv2.ex.class.php。

  第一步,用你最熟悉的编辑器打开config.php,会看到下面的代码:

<?php
header('Content-Type: text/html; charset=UTF-8');
define( "WB_AKEY" , 'xxxxxxxxx' );
define( "WB_SKEY" , 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' );
define( "CANVAS_PAGE" , "http://apps.weibo.com/xxxxxxxx" );

回到新浪微博开放平台的我的应用中,查看应用信息,找到App Key、App Secret的值——就是在流程直播(一)中被我涂黑的那两个值,分别替换填入WB_AKEY和WW_SKEY后面的一堆x中。CANVAS_PAGE填写应用的实际地址,比如我填的就是http://apps.weibo.com/arcanlottery,记住这个地址,因为后面我们还要填在开放平台的站内应用地址中。全部填写完毕后,保存退出。

  下面打开auth.php,在这里最重要的是在body标签前增加一行

 <style type="text/css">
	body{background:url(bg.jpg) no-repeat center 10px;}
</style>
目的么,主要是增加一个背景,其中bg.jpg是背景图片,这个图片应该放在代码路径下,如果放在其它路径下,则相应更改一下。为什么要增加一个背景呢,因为如果没有背景,那么你的应用提交审核的时候一定会悲剧的:授权页不能使用空白或者纯色背景。

  当这么修改完成后,其实就可以在线上测试一下效果了。那么就看看效果吧。

下面我们要回到新浪微博开放平台,打开应用信息界面,还记得我在(一)中最后那段么,我们留下了很多未填写内容,现在我们就要补充进去。点那个编辑按钮(不抓图了,自己找),我们主要填写下面这些项目:




站内应用地址:填写上面让你记住的那个地址,我这里填写的是arcanlottery,

应用实际地址:填写SAE上面你代码所在的地址,因为我这个应用同时在腾讯和新浪上线,所以分别放在两个版本中,如果你是按我的流程走过来的,那么这里填写http://1.arcanlottery.sinaapp.com,如果你的应用只在新浪上线,那么填写http://arcanlottery.sinaapp.com是比较标准的,这样你就可以随时切换版本,比较适合上线后进行继续开发,测试完成后直接把默认版本一切换就可以了。

iframe高度:能确定高度就填写高度,不能确定就自适应吧。

维护状态:我不知道是干啥的,反正默认关闭就行了。

应用小图标:必须是16*16的;

应用大图标:80*80的。建议大家如果想腾讯和新浪两个平台都上线的话,做图标的时候就一下子多做一些规格,免得再作一次。腾讯的图标规格比较多,50*50,64*64,75*75,100*100。另外,虽然图标中没要求120*120的,但是在有一些前台调用的时候需要120*120的图片,建议也先做出来。

应用介绍截图:这个在正式提出申请前需要准备3张图片,不过我们目前就是为了测试一下,所以先传一张再说,毕竟我们的应用还没有真正开始做,现在只是有了一个框架。

全部填写完成后,保存即可。


差点忘了一件事,之前我们已经编写好的代码还没有上传到服务器上面呢,当然,如果你是直接用在线编辑器编写的那么就没有上传这一步了。

由于是面向初学者,所以我再把用SVN上传的步骤说一下(其实很简单,但是对于从来没有用过SVN的人可能还得花时间了解一下,我当初就是所有的东西都从头开始,SVN也要到网上搜一下教程才会用),首先来到你代码存在的位置,把你要上传到服务器的所有代码和那个背景图片都选中,然后右键,


选择TortoiseSVN->加入(A),英文版的是什么我不知道,不过看准蓝色加号就没问题了。

然后再选中这些文件,右键:


选择SVN提交,这时候会出现一个窗口,正常情况下直接按确定提交就可以了。不过为了方便版本管理,在上面的注释中还是写上点东西更好。


确定后等待上传就可以了,成功后会有提示,按确定完成即可。


下面,我们就可以输入地址http://apps.weibo.com/arcanlottery进行访问了,看看我们最原始的应用是什么样子的。

首先就是弹出授权窗口:


不好意思哈,比较着急,临时用金庸问答的背景图片,上面居然还有华山论剑,嘿嘿。不过没关系,反正我们现在只是测试,正式提交审核的时候这些都是要修改的。选择授权,我们就进入了我们自己编写的应用了。新浪要求显式授权,并且这个授权是要开发者来写代码,而腾讯的空间和朋友应用用户第一次安装时是由腾讯开放平台本身完成授权,开发者不用关心授权的事情,只需要直接接收相应的参数就可以了。


进入后是一个纯文字丑陋版的新浪微博,我们可以在这个基础上进行各种开发了。整个新浪微博开放平台的开发流程就是这样,你可以尽情发挥你的创意,做出让大家都喜欢的应用。到这里其实可以结束了,不过既然是要直播我整个应用的上线过程,后面将会就我自己的应用进行一些简要的介绍,有兴趣的可以继续关注,敬请期待。

posted on 2012-05-18 13:39  java课程设计例子  阅读(250)  评论(0编辑  收藏  举报