基于Web的移动应用程序的+1 / Like / Share按钮

Question

我正在使用jQuery Mobile创建基于web的移动应用程序。

我想在我的应用程序中添加“+1”和“分享”按钮（适用于Google+），以及“喜欢”和“分享”按钮（适用于Facebook）。但是，所有这些按钮都可能使用弹出窗口（例如登录）。

由于我的目标是创建一个移动Web应用程序，因此我不应该有任何弹出窗口。因此，我不能使用这些默认按钮。

难道没有任何方法可以拥有这四个按钮 而没有任何弹出窗口吗？（我不知道，也许可以使用iframes，或者在我们的服务器上集成一个系统，或者其他什么方法...）

- Mahdi Ghiasi

Answer 1

这些都是OAuth服务。所以如果你想做一些非典型的javascript小部件之外的事情，你需要熟悉OAuth并自己进行所有相应的浏览器重定向到登录页面。

- Mike Brant

---

如果您能添加一些示例或教程链接，那就太好了。 - Mahdi Ghiasi

这是一个相当复杂的集成，您需要与每个希望集成的服务进行集成。您应该简单地参考每个服务的开发人员文档以获取集成示例。 - Mike Brant

有没有更简单的方法？（例如，在iframe中打开Google登录表单，或者...） - Mahdi Ghiasi

你可以尝试使用iframe等方法，但问题仍然存在，如果你不想使用某种现有的代码功能，你需要学习该现有代码的功能（例如OAuth登录），并自己实现它。你可以尝试反向工程JavaScript代码并覆盖实际的窗口打开行为，但我猜你会发现这些js片段被缩小了，并且变量名很短，不太容易整理。你也可以寻找其他用户制作的个别JavaScript代码，以实现你想要的功能。 - Mike Brant

你对这个有什么看法：https://developers.facebook.com/docs/opengraph/actions/builtin/likes/，在Facebook和Google+上难道没有类似的分享和+1吗？ - Mahdi Ghiasi

请注意，文档中讨论的是具有fb认证的用户。这意味着他们已经完成了对Facebook的OAtuh登录。这个功能很棒，但仍需要进行OAuth登录。在尝试构建自己的功能之前，您真的需要了解OAuth相对于这些服务的工作原理。 - Mike Brant