站内应用接入

跳转至: 导航搜索

人人网开放平台提供的社交图谱(Social Graph)和传播渠道,允许第三方开发者在人人网上构建具有高度social特性的应用,并与人人网的站内产品(如菜单、应用列表、应用请求等)深入地整合。


目录

WEB站内应用入门教程

如果你想快速地搭建起一个应用,请参考

注意,上面的教程创建的是Iframe类型的应用,也是目前比较推荐的应用形式;另外,你还可以选择使用XNML类型的应用,在应用里面便可以使用XNML标签。而且,你可以使你的应用的不同页面动态地选择使用哪种类型的解析方式(也就是可以在一个App中同时使用xnml和iframe解析引擎),参见xn_force_mode

Wap站内应用入门教程

Wap站内应用的开发与Web站内应用的开发基本类似。但有一些不同需要注意,详情见下文描述。 与Web站内应用的不同:

  • Wap站内应用只能使用XNML开发,不能使用Iframe
  • 只有在xn:mobile标签里面并且支持mobile环境的XNML标签才能被现实
  • Wap站内应用的访问地址是http://mapps.renren.com/yourappname ,并且Canvas Callback URL可以单独设置,与Web站内应用的Canvas Callback URL可以不同。
  • 要注意尽量减小流量


技术详情介绍:

人人网Wap站点集成

XNMLxn:mobile标签允许Wap站内应用在人人网Wap站点(m.renren.com)的Canvas page(mapps.renren.com)上集成。

XHTML Canvas 页面

在人人网Wap站点上开发XNML型应用的原理与在www人人网上基本相同,区别是你需要在canvas页代码的最外层加上xn:mobile标签,只有在xn:mobile标签内部、且支持mobile的XNML标签才会被渲染,否则其将会别忽略。另外人人网Wap站点上的应用入口是http://mapps.renren.com/yourappname ,与其对应的www人人网上的应用入口是http://apps.renren.com/yourappname 。

为了帮助开发者识别用户是否利用移动设备进行访问,人人网代理服务器会在转发canvas页面请求时加入一个签名参数。当人人网代理服务器识别出用户浏览器为手机(或者用户访问mapps.renren.com时),在转发给第三方应用服务器的POST请求中会加入xn_sig_mobile参数(值为1),注意这个很重要。这样应用就可以判断是将www上canvas页、还是将wap上的canvas页呈现给用户了。当然第三方应用可以不关心xn_sig_mobile参数,而在每个页面里都加入面向手机wap的XNML代码,嵌入在xn:mobile标签里,XNML解析引擎会根据当前用户的浏览环境渲染相应的内容。

Wap设置

为了方便app将wap服务与www服务解耦和,我们允许wap服务单独设置Callback url等属性,具体请在“应用信息设置”那个Tab里设置,如下图:

站内应用开发.jpg

一些开发原则

在手机设备有限的处理速度/带宽和(或者)不同浏览器限制下,为了保证更好的用户体验, xn:mobile标签内的内容被限制为所有 XNML 标签的子集。需要特殊说明的是,xn:mobile标签内可以使用XNCSS但是不能使用XNJS
手机应用应避免图片,和高级CSS的大量使用。