Google+SignIn Java PhotoHunt示例未显示Google+SignIn按钮

Question

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

因此，我查阅了关于https://developers.google.com/+/photohunt/java的示例教程，并尝试遵循它。但是，当我将此应用部署到app Engine或在本地主机8888上运行时，Google+登录按钮不会显示。我不能用这个应用程序做任何事情

你们有谁遇到过这个问题吗？我附上了一个屏幕截图，显示了我在部署此应用程序时看到的内容

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

任何建议都会有帮助

Answer 1

这可能不是确切的解决方案，但对我的情况有效

在下面的代码中

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

当我删除ng-show="immediateFailed"部分时，它实际上可以工作。我不知道为什么，但我认为ng show标记无法识别，因此无法呈现google signin按钮。删除按钮后，按钮渲染将成功

Answer 2

从the docs：

Visitors who are not signed in see the Google+ Sign-In button in the top-right of the page.

您是否使用您的google帐户登录

以下是HTML：

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

我也不知道Angular.js，但我猜ng-show意味着如果immediateFailed显示元素。即时登录是指即时登录，如果您已经登录到您的谷歌帐户，谷歌会立即登录。如果您没有登录，并且它仍然没有显示，请查看controllers.js文件并查看为什么$scope。立即生效的将是false

Answer 3

对于Angular JS，安装the Angular JS batarang可能会有所帮助。就“登录”按钮未渲染而言，这可能是由许多因素造成的

您应该尝试以下几点：

• 您可以尝试断开应用程序与https://plus.google.com/apps的连接，然后再次登录
• 检查您在the Google API console中的授权来源是否正确。请注意，http与https之间存在差异。当您从运行AppEngine切换到运行AppEngine时，这可能特别容易丢失，因为它很容易同时支持这两种功能
• 打开浏览器中的javascript控制台，查看是否有任何错误，这可能会引导您找到解决方案
• 从Chrome developer tools的网络部分查看网络流量，这也可能会导致更多关于故障位置的信息
• 通过查看您的页面源代码并检查源代码中的链接（尤其是client | plus），验证是否正在加载所有脚本。js

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

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

如果这些解决方案中没有一个帮助或使你朝正确的方向前进，你可能会考虑重新下载这个样本，因为你的光搜索文件夹中可能发生了一些事情。p>

另外，您正在哪个浏览器上尝试此功能