php - 什么是 Facebook 应用程序 Canvas 和页面选项卡？

Question

我花了很多时间阅读 FB 开发文档和教程，但我仍然对 Canvas 应用程序和页面选项卡是什么以及如何使用它们感到很困惑。

我期望在我的站点中使用 FB SDK 时在登录屏幕上有“继续使用 facebook”按钮，有几个共享和喜欢按钮，如果用户允许，则向 facebook 发送通知。我的站点有内部消息系统，我想通知用户我的站点中发生了新消息或事件。通过这种方式，用户不必每天都检查我的网站是否有事件，这是重要的用户体验，因为我预计事件很少(每周大约很少事件)。

我的一切都在运行，但在用户点击通知后，他被带到 Canvas 应用程序。 FB 文档和教程侧重于代码示例，但我没有在任何地方找到关于 Canvas 应用程序真正含义的描述。没有这种基本的理解，我无法完成我的通知逻辑，无法理解所涉及的术语，如“安全 Canvas url”，并且基本上对用户体验没有信心(我希望尽可能好)。

如果我在谷歌上搜索“什么是 facebook canvas 应用程序”，我会得到“Canvas 是 Facebook 上一种身临其境且富有表现力的体验，供企业讲述他们的故事并展示他们的产品。”。显然从下面的评论来看还有别的东西......

如果有人能用通俗易懂的语言解释并举例说明什么是 Canvas 应用程序，如果考虑到我的主要目标是将我网站上的事件通知用户到他们的 fb 帐户，我应该如何使用，我会很感激。

我正在使用 CI 框架 PHP SDK v5。

Answer 1

背景

在 Facebook 中，您创建在“平台”上运行的“应用程序”。作为一个快速、非常简化的总结，应用程序可以运行的三种主要“平台”类型是:

1. 您托管和控制的网站，但集成了 Facebook Graph API(具有 Facebook 登录、发帖等)，但在其他方面看起来像一个普通网站。您将这些托管在自己的服务器上。

2. 一个网站，旨在放置在 Facebook 平台上的 iFrame 中。这些应用程序通常还会与 Facebook Graph 交互。您仍然将它们托管在自己的服务器上，但您拥有额外的优势，即在页面加载时可以获得有关用户的有限信息。

3. 也与 Facebook Graph 交互的独立程序(包括移动应用程序)。

您所说的是其中的第二个 - Facebook 上的 iFrame。

Facebook 提供了两种嵌入应用程序 iFrame 的方法:

1. 一个是 Canvas 应用程序。这对 Facebook 页眉、页脚和右侧的一些广告具有最小的环绕。它最大化您的空间。 (例如 https://apps.facebook.com/candycrush/?fbs=-1&fb_appcenter=1)

2. 另一个是“页面选项卡”( https://developers.facebook.com/docs/pages/tabs )。它更小，专为放置在公司的“Facebook 页面”中而设计，因此空间更小。然而，作为营销人员，它使一切都更加贴近您的公司。 (示例:https://www.facebook.com/NutellaANZ/app/595447743881506/)

请注意，单个应用程序可以跨上述所有内容运行 - Canvas 、页面选项卡和独立的 HTML 页面。通过对 API 进行一些调整，您还可以为移动设备包装相同的代码并放到应用程序商店中。用户可以登录您的移动应用程序，您可以让他们登录网站，反之亦然(在一定范围内，但您需要探索这些)。

---

仅限游戏？

您说得对，大多数与应用相关的 Facebook 文档都提到了游戏。确实一个不错的起点是 https://developers.facebook.com/docs/games/gamesonfacebook这就是 help 现在引导您使用 Canvas Apps 的地方。

但这不一定是游戏 - 只要您使用 API，一切都可以。当您提到 PHP 时，请查看 https://developers.facebook.com/docs/php/howto/example_access_token_from_canvas - 没有提到游戏，而是如何从 PHP 中的 iFrame 获取信息。 (还有很多阅读要做!)。

---

阅读通知

点击通知时，Facebook 会在 URL 中添加参数。其中一些由通知确定(请参阅 https://developers.facebook.com/docs/games/services/appnotifications )，其他将帮助您获取有关用户的信息( https://developers.facebook.com/docs/reference/login/signed-request ， https://developers.facebook.com/docs/php/SignedRequest/5.0.0 )。

因此在服务器端使用此信息来确定用户是谁以及您希望如何处理用户。但是一旦你进入 Facebook 生态系统，你想给用户什么样的体验取决于你。