Page 204 - AngularJS权威教程
P. 204
184 第 18 章 服务器通信
18.8 介绍
AWS生态系统很庞大,在全世界各地被广泛应用于生产中。Amazon运营的大量有用服务,
使它成为了一个梦幻平台,我们在这个平台上建立自己的应用。
从历史上看,这些API并不总是容易使用和理解,所以我们希望在这里解决其中一些困惑。
传统上,我们会使用一个经过认证的请求,应用则使用client_id或者秘密访问的key模型。
既然我们是在浏览器中操作,把client_id和client_secret嵌入每个人都能看到的浏览器中是
不太好的。(如果它是用明文嵌入的,就没有什么秘密可言了,对吧?)
幸好,AWS团队已经提供了一个替代方法,用于对我们的站点进行身份识别和认证,以获取
对AWS资源的访问权。
创建基于AWS的Angular应用的第一步,是建立这个我们在整个过程中都会用到的相对复杂
的认证和授权。
目前(写作本书时),AWS JS库与三个身份验证提供者进行了简洁整合:
Facebook
Google Plus
Amazon Login
本节将关注集成Google+ API来实现我们的登录,但对其他两个身份验证提供者来说,这个
过程是非常类似的。
18.9 安装
先说重要的,我们需要安装index.html中的文件。在我们的index.html中,需要包含AWS-SDK
库和Google API库。
需要修改一下index.html,使它包含这些库:
<!doctype html>
<html>
<head>
<script
src="http://code.angularjs.org/1.2.13/angular.min.js"></script>
<script
src="http://code.angularjs.org/1.2.13/angular-route.min.js"></script>
<script
src="https://sdk.amazonaws.com/js/aws-sdk-2.0.0-rc4.min.js"></script>
<link rel="stylesheet" href="styles/bootstrap.min.css">
</head>
<body>
<div ng-view></div>
<script src="scripts/app.js"></script>
<script src="scripts/controllers.js"></script>
<script src="scripts/services.js"></script>
<script src="scripts/directives.js"></script>
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
<script type="text/javascript">
(function() {