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