问题标签 [facebook-canvas]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

394 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
550 浏览

facebook - 无法在 Canvas 中加载应用程序

我的应用程序在 myapp.com/ 这样的 url 上完全运行，基本目录会自动加载 index.html

当我将应用程序编辑为画布应用程序并将其画布 URL 设置为 myapp.com/ 访问页面http://apps.facebook.com/myapp时，它给了我一个错误：

任何人都知道这可能是什么原因？

0 投票
0 回答
1172 浏览

facebook - Facebook 移动 HTML5 应用程序和推荐验证

我正在尝试配置我的 HTML5 Facebook Web 应用程序，但没有成功。

设置。

什么有效

  • 桌面画布集成（我得到带有 signed_request 参数的 POST 并且可以交换它来访问令牌）
  • 脸书连接。照常营业。

什么不起作用

  1. iPhone 3Gs 上的 FB iOS 应用程序 4.1 将用户发送到http://my.example.net/?ref=bookmark&refid=8&pos=1。我从 Referral Auth 文档中了解到，我将获得可以交换以访问令牌的 URL 参数“代码”。请参阅https://developers.facebook.com/docs/guides/mobile/web/#login
  2. iPad v1 上的 FB iPad 应用程序将用户发送到http://fb.example.net/?ref=bookmark&refid=8&pos=1。这里也没有“代码”参数。
  3. iPhone Safari 上的 m.facebook.com 与案例 (1) 类似。我看到它偶尔会重定向 my.example.net ？？
  4. iPad Safari 上的 m.facebook.com 与 Case (2) 类似

在所有情况下都不会显示身份验证对话框。这个错误可能是相关的：https ://developers.facebook.com/bugs/364761150204975

我期望发生的事情。

在所有情况下，使用 URL 中定义的“代码”参数将 1-4 个移动用户重定向到 my.example.net。新用户将在重定向之前看到身份验证对话框，如下所述：https ://developers.facebook.com/docs/opengraph/authentication/和https://developers.facebook.com/docs/guides/mobile/web/#login

设置有什么问题，或者我在这里不明白吗？

基本设置 基本设置

验证对话框设置 验证对话框设置

高级设置 1/2 高级设置 1/2

高级设置 2/2 高级设置 2/2

0 投票
1 回答
3841 浏览

facebook - 交替

我的应用程序是我的网站，所以我曾经将此代码放在我的画布页面中，以便将用户重定向到我的网站：

但是由于 fbml 已被弃用并且很快将不再受支持我需要使用另一种方法来重定向我的用户..以下代码是我能做的最好的还是有另一种方法？

0 投票
1 回答
1190 浏览

javascript - JavaScript - 如何在回调函数之外使用 FB.Canvas.getPageInfo 的高度

我正在尝试在 Facebook 应用程序的画布中实现一个 Scribd 查看器，并让它适应用户的视口高度。
我的代码将 FB.init 函数称为 body 的第一个元素

这样我调整 iFrame 高度。现在我必须在回调外部使用 viewportHeight 变量来调整 scribd 阅读器的高度。Scrbid阅读器代码：

但似乎 FB.canvas.getInfo() 的回调函数内部的变量在外部看不到。已经尝试过使用 cookie，但我发现浏览器不允许从 iFrame 中存储 cookie。

我将如何解决它（如果可能的话）？

0 投票
1 回答
515 浏览

https - Facebook 在 HTTPS 中浏览时通过 HTTP 加载资产

我已经做了很多谷歌搜索，但没有找到这个问题的答案。

我已经按照 facebook 文档来实现 Facebook JS SDK。这是我页面上的代码片段

这很好用，除了一个文件：http ://static.ak.facebook.com/connect/canvas_proxy.php

all.js通过 HTTPS 加载就好了。但 Facebook 仍然通过常规 HTTP 加载 canvas_proxy.php：

http://static.ak.facebook.com/connect/canvas_proxy.php?version=3#behavior=p&method=setSize¶ms=%7B%22height%22%3A714%2C%22width%22%3A1100%2C%22frame%22 %3A%22iframe_canvas%22%7D

为什么是这样？我似乎做的一切都是正确的。由于该 URL，HTTPS 用户在访问我的页面时会收到安全警告。

0 投票
1 回答
332 浏览

facebook - Facebook canvas application never loads contents?

I've built a Facebook application which should be available on the web or as a canvas application within Facebook. My setup is like so:

I've developed and deployed other Facebook apps using the same set up with no problems. Bizarrely, 90% of the requests for the production app in Facebook fail- the app loads most of the contents of <head> and then craps out. Occasionally the full page will load.

A Django app running on the cedar stack on Heroku- I know, not really production ready - but I don't think this is the culprit as the app loads fine outside of Facebook.

If I tail the server logs I can see the server sending CSS/JS assets up through the parts of the <head> that Facebook has loaded.

  1. Maybe Facebook is trying to pre-parse the request and then serve it as described here?
  2. Maybe Facebook has an undocumented load time limit on requests from the <head>?
  3. Maybe Facebook has an undocumented limit on number of request in the <head>?

None of these theories make sense given the a problem-free load from local.

Can anyone confirm any of the above or offer any other ideas?

Meanwhile, with no indication of an error in the server logs, no error reports in the Facebook app interface, and no hint of any problems in the browser, I'm left randomly removing, reordering, and futzing with <head> tag to debug this.

0 投票
1 回答
1808 浏览

php - Facebook 授权运行到重定向循环

我在文档中使用 Facebook 应用程序画布代码，并且在我点击“允许”后它不断重定向。不知道出了什么问题。请检查它是一个错误还是只是我。它来自 http://developers.facebook.com/docs/appsonfacebook/tutorial/

0 投票
1 回答
261 浏览

facebook-opengraph - 如何在需要身份验证的应用程序上使用 OpenGraph 标签？

我有一个 iframe 画布应用程序，它需要在使用前接受身份验证对话框，即从浏览器的角度来看，如果用户尚未接受所有请求，所有请求都会立即重定向到身份验证对话框。

这意味着 Facebook 解析器无法读取我页面上的 OpenGraph 标签，因为它永远无法通过授权点。

在更广泛的范围内，这个问题也会出现在任何需要登录才能查看的页面上。

解决此问题的最佳方法是什么？

我拥有的一种解决方案是检查客户端 IP 地址所属的组织是否是 Facebook，如果是，则未经授权允许其进入，并显示除 OG 标签外没有任何内容的页面。这对于从 Facebook 访问机器人程序来说很好，但如果员工尝试会发生什么；我不希望我的应用被禁用，因为政策团队的某个人无法正确验证该应用。

至于为什么我需要 OG 标签 - 用户经常分享应用程序的链接，它看起来很糟糕，只有一个 URL 作为标题和描述，没有图像。

0 投票
1 回答
169 浏览

facebook - 创建 facebook 应用程序的步骤，该应用程序将允许我们的用户将应用程序添加为页面上的选项卡，提供 id 并从我们的服务器获取数据

我很难找到像我想要完成的任何事情，似乎 FB 每 6 个月更新一次他们的做事方式。我发现的文档很难遵循，我相信这不会太难。这是我要完成的工作：

  1. 我们运营一个SaaS（简单来说：）需要允许用户提供一个Form ID并通过iFrame返回给他们一个form

  2. 产品管理希望能够在 Facebook 上为我们的客户提供一个应用程序，他们只需要添加他们的表单 ID + 标题，不关心我们产品的实际身份验证，只需要获取一个 ID。

  3. 该应用程序将在他们的 Facebook 页面（和/或个人资料？）上显示为一个标签，标签的标题显示他们输入的内容，以及一个带有 formId 作为源参数的 iframe.. 即：该页面的内容选项卡将是加载的 iFrame：<iframe src="http://gotomyserver.com/fetch?FormId=123">

  4. 我们的想法是，如果我们的客户客户单击页面上的该选项卡，他们将看到此表单已加载。

这似乎不应该过于复杂，但是我在查找信息/理解文档时遇到了很多麻烦，或者我以错误的方式处理它？

谢谢

0 投票
1 回答
677 浏览

javascript - Javascript SDK 错误和画布大小调整问题

我正在尝试调整应用程序的画布大小，但无法使 JS SDK 或固定高度设置正常工作。在 chrome 的控制台中，我看到：

火狐：

我的应用程序画布设置宽度为流体，并固定为 1200 像素（没有效果）。注意：没有可设置选项。

这是我的 JS SDK 包括。它就在 <head> 标签之后

我将不胜感激这方面的任何帮助。如果您能发现任何错误/缺失的设置，那就太好了。


12345678910