前面介绍了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