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

Question

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

所以我在https://developers.google.com/+/photohunt/java上查看示例教程并尝试按照它进行操作。但是，当我将此应用程序部署到App Engine或在我的localhost：8888上运行时，Google+登录按钮不会显示。我不能对这个应用程序做任何事情。

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

“邀请你的朋友”按钮也不起作用。 我注意到在index.html，inside标签中，它没有像其他angularjs应用程序那样的“ng-app”属性。我也是angularjs的新手，所以我不知道这是不是问题。似乎angularjs方法没有被调用或者其他东西。

任何建议都会有所帮助！

Answer 1

对于Angular JS，安装the Angular JS batarang会很有帮助。就未登录的登录按钮而言，这可能是由大量事情引起的。

你应该尝试一些事情：

• 您可以尝试从https://plus.google.com/apps断开应用，然后再次登录
• 检查the Google API console中的授权来源是否正确。请注意，http vs https会有所不同。当您从AppEngine上运行切换时，这可能会特别容易错过，因为它可以轻松支持两者。
• 在浏览器中打开javascript控制台，看看是否收到任何错误，这可能会引导您找到解决方案。
• 观看来自Chrome developer tools的网络部分的网络流量，这也可能会提供有关失败位置的更多信息
• 通过查看您的页面源并检查源中的链接来验证是否正在加载所有脚本，最明显的是client | plus.js。

• 验证Google客户端是否正常工作，您可以通过键入以下命令从控制台执行此操作：

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

如果这些分辨率都没有帮助或让您朝着正确的方向前进，您可能需要考虑重新下载样本，因为PhotoHunt文件夹可能发生了某些事情。

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

Answer 2

来自the docs：

  

未登录的访问者 ，请参阅页面右上角的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标签无法识别，因此阻止了谷歌登录按钮的呈现。当它被删除时，按钮渲染成功。