Google+登录Java PhotoHunt示例未显示Google+登录按钮

Question

我是Google+登录的新手，正在尝试构建实现此功能的应用程序。

因此，我在https://developers.google.com/+/photohunt/java上查找了示例教程，并尝试遵循它。 但是，当我将此应用程序部署到App Engine或在我的本地主机上运行时：8888，则不会显示Google+登录按钮。 我无法使用该应用程序进行任何操作。

你们有没有遇到这个问题？ 我附上了我在部署该应用程序时看到的屏幕截图。

“邀请您的朋友”按钮也不起作用。 我注意到在index.html内部标签中，它不像其他angularjs应用一样具有“ ng-app”属性。 我也是angularjs的新手，所以我不知道这是否是问题。 似乎没有调用angularjs方法。

任何建议将有所帮助！

Answer 1

对于Angular JS，安装Angular JS batarang可能会有所帮助。 至于未渲染的登录按钮，可能是由很多原因引起的。

您应该尝试一些方法：

• 您可以尝试从https://plus.google.com/apps断开应用程序的连接，然后再次登录
• 检查您在Google API控制台中的授权来源是否正确。 请注意，http vs https有所不同。 当您从在AppEngine上运行切换时，这可能特别容易遗漏，因为它很容易同时支持两者。
• 在浏览器中打开JavaScript控制台，看看是否有任何错误，这可能会导致您找到解决方案。
• 从Chrome开发者工具的“网络”部分观看网络流量，这也可能会导致有关发生故障的位置的更多信息
• 通过查看页面源代码并检查源代码中的链接，尤其是client | plus.js，来验证所有脚本均已加载。

• 验证Google客户端是否正常运行，您可以通过在控制台中输入以下命令来执行此操作：

   gapi.client.load('plus','v1'); 

如果这些解决方法都不能帮助您或朝正确的方向前进，则您可能要考虑重新下载示例，因为您的PhotoHunt文件夹可能发生了某些情况。

另外，您正在尝试使用哪种浏览器？

Answer 2

从文档 ：

未登录的访问者会看到页面右上方的Google+登录按钮。

您是否使用Google帐户登录？

这是HTML：

<span id="signin" ng-show="immediateFailed">
    <span id="myGsignin"></span>
</span>

我不知道Angular.js下去，但我猜ng-show模块显示，如果该元素immediateFailed 。 立即登录是指立即登录，这是Google在您已经登录到Google帐户后执行的操作。 如果您尚未登录，但仍未显示，请查看controllers.js文件，看看为什么$ scope.immediateFailed为false 。

Answer 3

它可能不是确切的解决方案，但适用于我的情况。

在下面的代码中，

<span id="signin" ng-show="immediateFailed">
    <span id="myGsignin"></span>
</span>

当我删除ng-show="immediateFailed"部分时，它实际上有效。 我不知道为什么，但是我认为ng-show标签无法识别，因此阻止了Google登录按钮的呈现。 删除后，按钮渲染成功。