vue頁(yè)面使用阿里oss上傳功能的實(shí)例(二)

更新時(shí)間：2017年08月09日 14:17:42 作者：NNNNNIX

本篇文章主要介紹了vue頁(yè)面使用阿里oss上傳功能的實(shí)例(二)，主要介紹OSS管理控制臺(tái)設(shè)置訪(fǎng)問(wèn)權(quán)限、角色等，有興趣的可以了解一下

本文主要介紹OSS管理控制臺(tái)設(shè)置訪(fǎng)問(wèn)權(quán)限、角色等。分享給大家，具體如下：

進(jìn)入控制臺(tái)，鼠標(biāo)移到右上角用戶(hù)名處，點(diǎn)擊“訪(fǎng)問(wèn)控制”,如下圖：

如果沒(méi)有此功能，則將鼠標(biāo)移至產(chǎn)品 -> 管理與控制，點(diǎn)擊訪(fǎng)問(wèn)控制進(jìn)入訪(fǎng)問(wèn)控制產(chǎn)品頁(yè)

1.創(chuàng)建子賬號(hào)

點(diǎn)擊左側(cè)的用戶(hù)管理 -> 自定義授權(quán)策略 ->新建授權(quán)策略，如下圖：

2.新建授權(quán)策略

點(diǎn)擊左側(cè)的策略管理 -> 新建用戶(hù) ，如下圖：

在彈出對(duì)話(huà)框中：選擇授權(quán)策略模板（使用空模板）
編輯授權(quán)策略并提交：修改授權(quán)策略名稱(chēng)（自定義名稱(chēng)），備注，策略?xún)?nèi)容，并提交。

示例：一個(gè)MNS授權(quán)策略?xún)?nèi)容模版:

{
            "Statement": [
          　　   {
                "Action": "mns:*",
                "Effect": "Allow",
                "Resource": "acs:mns:*:*:*" 
              }
            ],
            "Version": "1"
        　 　}

授權(quán)策略是json格式的字符串，其中，Action ：表示要授權(quán)的操作，MNS 操作都以"mns:"開(kāi)頭，

例如: "mns:SendMessage" 表示 MNS 服務(wù)的API：SendMessage/BatchSenMessage

其他詳見(jiàn)附錄：MNS API和授權(quán)操作映射表；

Effect ：表示授權(quán)類(lèi)型，　例如:Allow, Deny

Resrouce : 表示要授權(quán)的阿里云資源名（ARN），格式為："acs:<云服務(wù)名>: <地域名>: <主賬號(hào)UID>:<資源URI>"

例如：“acs:mns:cn-hangzhou:123456789:/queues/MyQueue1/messages”

表示：授權(quán)資源是主賬號(hào)UID為123456789在cn-hangzhou地域的MyQueue1。
用""表示不指定具體的字段，例如："acs:mns:::" 表示不指定地域名,主賬號(hào)ID和資源URI，子賬號(hào)可以訪(fǎng)問(wèn)主賬號(hào)的所有mns資源。

3.授權(quán)子賬號(hào)訪(fǎng)問(wèn)MNS

返回用戶(hù)管理 ,找到第一步創(chuàng)建的子賬號(hào)，點(diǎn)擊右側(cè) 授權(quán)
在彈出的對(duì)話(huà)框中，選擇授權(quán)策略名稱(chēng)，并添加到右側(cè)已選授權(quán)策略列表，點(diǎn)擊確定提交，如下圖：

4.創(chuàng)建角色

點(diǎn)擊左側(cè)的角色管理 -> 新建角色如下圖：

4.授權(quán)策略訪(fǎng)問(wèn)角色

點(diǎn)擊左側(cè)的角色管理 ,在右側(cè)的角色列表中選擇需要授權(quán)的角色，點(diǎn)擊授權(quán)，如下圖：

5.注意事項(xiàng)

1.server端的代碼中

var sts = new STS({
  accessKeyId: '子賬號(hào) accessKeyId',
  accessKeySecret: '子賬號(hào) accessKeySecret',
});

accessKeyId 和 accessKeySecret 為第一步創(chuàng)建的子用戶(hù)的 key

2.rolearn

var rolearn = '對(duì)應(yīng)角色的Arn值';

3.policy

var policy = {
  "Version": "1",
  "Statement": [
  {
    "Effect": "Allow",
    "Action": [
    "oss:GetObject",
    "oss:PutObject"
    ],
    "Resource": [
    "acs:oss:*:*:BucketName",
    "acs:oss:*:*:BucketName/*"
    ]
  }
  ]
};

這里的policy 必須和之前創(chuàng)建的策略一致。

源碼地址：https://github.com/taosin/alioss-js-upload

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: