进阶篇一:STS临时认证
更新时间:2022-12-01
进阶篇一:STS 临时认证
Bce-bos-uploader 支持 STS(Security Token Service)临时授权的方式。服务端生成一组具体特定操作权限、具有一定时效性的临时AK/SK,这组临时的 AK/SK 可以暴露给浏览器端直接使用。用户只需要将服务端返回的 AK/SK 及 SessionToken 设置为 bce-bos-uploader 对应的 bos-ak、bos-sk 和 uptoken 参数。 下图简单介绍了整个业务交互过程,关于 STS 方面的介绍请参考临时授权访问。
代码实现分为应用服务器端和客户端两部分,实现过程如下:
- 配置应用服务器端,以 Nodejs 实现为例,服务器端会返回 AK/SK/SessionToken 。
- 配置浏览器,根据服务器端返回的 AK/SK/SessionToken 初始化 bce-bos-uploader 参数。
应用服务器端 Nodejs 实现
Plain Text
1var http = require('http');
2var url = require('url');
3var util = require('util');
4
5var STS = require('@baiducloud/sdk').STS;
6
7var kCredentials = {
8 ak: '您的AK',
9 sk: '您的SK'
10};
11
12function buildStsResponse() {
13 var stsClient = new STS({
14 credentials: kCredentials,
15 region: 'bj'
16 });
17 return stsClient.getSessionToken(60 * 60 * 24, {
18 accessControlList: [{
19 service: 'bce:bos',
20 resource: ['bce-javascript-sdk-demo-test'],
21 region: '*',
22 effect: 'Allow',
23 permission: ['READ', 'WRITE']
24 }]
25 }).then(function (response) {
26 var body = response.body;
27 return {
28 AccessKeyId: body.accessKeyId,
29 SecretAccessKey: body.secretAccessKey,
30 SessionToken: body.sessionToken,
31 Expiration: body.expiration
32 };
33 });
34}
35
36http.createServer(function (req, res) {
37 console.log(req.url);
38
39 var query = url.parse(req.url, true).query;
40
41 var promise = null;
42
43 if (query.sts) {
44 promise = buildStsResponse();
45 }
46
47 promise.then(function (payload) {
48 res.writeHead(200, {
49 'Content-Type': 'text/javascript; charset=utf-8',
50 'Access-Control-Allow-Origin': '*'
51 });
52
53 if (query.callback) {
54 res.end(util.format('%s(%s)', query.callback, JSON.stringify(payload)));
55 }
56 else {
57 res.end(JSON.stringify(payload));
58 }
59 });
60}).listen(1337);
61console.log('Server running at http://0.0.0.0:1337/');
在服务器端,用与创建 bosClient 实例类似的方式创建一个 stsClient 实例。对于 stsClient 实例,主要有一个方法,那就是 getSessionToken 。这个方法接收两个参数,第一个参数是临时授权的有效期,以秒为单位;第二个单位是具体的权限控制,参见STS服务接口。
这个方法会异步访问 STS 授权服务器,返回一个 promise 对象。 STS 授权服务器会返回类似如下内容:
Plain Text
1{
2 body: {
3 "accessKeyId": "d87a16e5ce1d47c1917b38ed03fbb329",
4 "secretAccessKey": "e9b6f59ce06c45cdaaea2296111dab46",
5 "sessionToken": "MjUzZjQzNTY4OTE0NDRkNjg3N2E4YzJhZTc4YmU5ZDh8AAAAABwCAAB/HfHDVV2bu5xUf6rApt2YdSLG6+21UTC62EHvIuiaamtuMQQKNkR9PU2NJGVbuWgBn8Ot0atk0HnWYQGgwgyew24HtbrX3GFiR/cDymCowm0TI6OGq7k8pGuBiCczT8qZcarH7VdZBd1lkpYaXbtP7wQJqiochDXrswrCd+J/I2CeSQT6mJiMmvupUV06R89dWBL/Vcu7JQpdYBk0d5cp2B+gdaHddBobevlBmKQw50/oOykJIuho4Wn7FgOGPMPdod0Pf0s7lW/HgSnPOjZCgRl0pihs197rP3GWpnlJRyfdCY0g0GFG6T0/FsqDbxbi8lWzF1QRTmJzzh2Tax8xoPFKGMbpntp//vGP7oPYK1JoES34TjcdcZnLzIRnVIGaZAzmZMUhPEXE5RVX1w8jPEXMJJHSrFs3lJe13o9Dwg==",
6 "createTime": "2016-02-16T14:01:29Z",
7 "expiration": "2016-02-16T15:41:29Z",
8 "userId": "5e433c4a8fe74765a7ec6fc147e25c80"
9 }
10}
服务器端需要把 accessKeyId、secretAccessKey、sessionToken 三个字段下发给浏览器端。
配置浏览器端 bce-bos-uploader 参数
使用 STS 临时授权机制时,只需要在各个服务初始化的时候把上面所说的参数 accessKeyId、secretAccessKey、sessionToken 引入就可以了。
Plain Text
1<!doctype html>
2<html>
3 <head>
4 <meta charset="utf-8" />
5 <title>bce-bos-uploader simple demo</title>
6 <!--[if lt IE 8]><script src="http://websdk.cdn.bcebos.com/bos/json3/lib/json3.min.js"></script><![endif]-->
7 <!--[if lt IE 9]><script src="http://websdk.cdn.bcebos.com/bos/js-polyfills/es5.js"></script><![endif]-->
8 <!--[if lt IE 10]><script src="http://websdk.cdn.bcebos.com/bos/moxie/bin/js/moxie.js"></script><![endif]-->
9 <!-- BOS不提供jquery.min.js,开发者可以自行引入在线资源或本地资源 -->
10 <script src="./node_modules/jquery/dist/jquery.min.js"></script>
11 <!-- 引入bce-bos-uploader.bundle.js,建议通过npm安装成功后,引入本地资源 -->
12 <script src="./node_modules/@baiducloud/bos-uploader/dist/bce-bos-uploader.bundle.js"></script>
13 </head>
14 <body>
15
16 <input type="file" id="file" >
17 <script>
18 var uploader = new baidubce.bos.Uploader({
19 browse_button: '#file',
20 bos_bucket: '<your bucket>',
21 bos_endpoint: 'http://bj.bcebos.com',
22 bos_ak: '<your ak>',
23 bos_sk: '<your sk>',
24 uptoken: '<your sessionToken>'
25 });
26 </script>
27 </body>
28</html>