Page 207 - AngularJS权威教程

18.11 用户认证/鉴权 187

1

2

3

4

5

图18-8 创建一个已注册的应用
6
设置好了之后，我们到达了应用详情页面。选择OAuth 2.0 Client ID下拉块，记下应用的Client
ID。我们很快就要使用这个ID了。
7
最后，把localhost源添加到应用的WEB ORIGIN中，这样保证我们能够在本地使用这个API
进行开发，如图18-9所示。
8

9

10

11

12

13
图18-9 已注册应用的详细信息

接下来，我们需要创建一个Google+登录指令。这个Angular指令能让我们用单个文件元素给 14
应用添加一个自定义登录按钮。

有关指令的更多信息，请参阅第8章。 15

我们将要在Google登录上添加两个功能：一个会被添加到标准Google登录按钮上的元素，以
及一个在按钮被渲染之后运行的自定义函数。 16
当要使用Google+登录指令在页面上包含一个登录元素时，我们会使用一种相当简洁的指令
定义。在我们的指令中，要做下面这些事情： 17

(1) 创建一个DOM元素，能够设置样式（使用一个模板）；
(2) 设置在指令中需要的Google+属性； 18