Core Concept-Open Graph 02 Tutorial

前面介绍了Open Graph的一些主要的概念,这里就要跟着尝试构建,测试和发布Open Graph app。跟着这个教程,我们来构建一个食谱的应用,用户可以使用这个应用来发布关于做菜的一些新鲜事。再开始之间,先总览一遍到底有些什么步骤。

step1: 创建一个FB应用

step2: 使用Login Button插件来验证用户

step3: 通过App Dashboard来定义Objects,Actions和Aggregations

step4: 为你的用户发布Actions

step5: 添加一些Social Plugins到应用中去

step6: 提交你的Actions用于审查

如果中间遇到任何发布actions的问题,可以去Debug and Troubleshoot页面。


1. Step1: 创建一个FB应用

直接去App Dashboard,点击Create New App按钮,输入你的app name和一个namespace。一旦你填写了上述基本初始信息以后,就会跳转到让你填写基本设置的地方。

1). Basic Info

你的app namespace。这个应该是独一无二的,会被用来管理你的objects和actions。

2). Select how your app integrates with FB

a.选择"Website" choice(在教程中,我们使用Open Graph演示website integration)

b.输入一个Site URL,即你的网站的地址


2. Step2: Authentication Users

为了发布Open Graph Actions,app需要授予用户们"publish_actions"的权限。这个可以使用Login Button并将其"scope"参数设置为"publish_actions"


3. Step3: Define Objects, Actions and Aggregations

在App Dashboard里面的Open Graph标签下的"Get Started"子标签。

1). Define Object Types and Actions Types

其实这个很简单,填写一个动词cook,填写一个名词recipe,然后点击Get Started按钮,系统就会自动跳转,并且帮你创建一系列的Action相关的,比如过去时,现在时,单数复数之类的。教程里面就使用默认值,但是实际开发的时候你可能需要更改很多值。

点击Save Changes and Next按钮,就跳转到了Object的编辑页面。这里其实FB也默认地创建好了一些样例取值,实际开发的过程中根据需要进行更改。在教程中直接Save Changes and Next。

2). Define an Aggregation

在定义好了Action类型和Object类型以后,就可以开始定义Aggregation了。当用户和你的app进行交互的时候,FB也会将这些actions以aggregation的形式展示在用户的Timeline上面。在教程中,我们来创建一个aggregation用于展示被cooked的recipes的列表。

a. Data to Display,既然是cook action相关的,那么这里就应该填写为Cook。

b. Layout Style,选择List

c. Sort By,选择Most Recent

d. Aggregation Title,填写一个切合主题的Title,比如Recently Cooked Recipes

e. Caption Lines,这里先空着,但是实际开发中需要的话可以去修改

f. Timeline Preview,这里可以预览aggregation会怎样显示在你的Timeline上

然后点击Save and Finish。

3). Publish Actions


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章