vue頁面使用阿里oss上傳功能的實(shí)例(二)
本文主要介紹OSS管理控制臺設(shè)置訪問權(quán)限、角色等。分享給大家,具體如下:
進(jìn)入控制臺,鼠標(biāo)移到右上角用戶名處,點(diǎn)擊“訪問控制”,如下圖:

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

1.創(chuàng)建子賬號
點(diǎn)擊左側(cè)的 用戶管理 -> 自定義授權(quán)策略 ->新建授權(quán)策略 , 如下圖:

2.新建授權(quán)策略
點(diǎn)擊左側(cè)的 策略管理 -> 新建用戶 , 如下圖:

- 在彈出對話框中:選擇授權(quán)策略模板(使用空模板)
- 編輯授權(quán)策略并提交:修改 授權(quán)策略名稱(自定義名稱),備注,策略內(nèi)容,并提交。
示例:一個MNS授權(quán)策略內(nèi)容模版:
{
"Statement": [
{
"Action": "mns:*",
"Effect": "Allow",
"Resource": "acs:mns:*:*:*"
}
],
"Version": "1"
}
授權(quán)策略是json格式的字符串,其中,Action : 表示要授權(quán)的操作,MNS 操作都以"mns:"開頭,
例如: "mns:SendMessage" 表示 MNS 服務(wù)的API:SendMessage/BatchSenMessage
其他詳見附錄:MNS API和授權(quán)操作映射表;
Effect : 表示授權(quán)類型, 例如:Allow, Deny
Resrouce : 表示要授權(quán)的阿里云資源名(ARN),格式為:"acs:<云服務(wù)名>: <地域名>: <主賬號UID>:<資源URI>"
例如:“acs:mns:cn-hangzhou:123456789:/queues/MyQueue1/messages”
表示:授權(quán)資源是主賬號UID為123456789在cn-hangzhou地域的MyQueue1。
用""表示不指定具體的字段,例如:"acs:mns:::" 表示不指定地域名,主賬號ID和資源URI,子賬號可以訪問主賬號的所有mns資源。
3.授權(quán)子賬號訪問MNS
- 返回 用戶管理 ,找到第一步創(chuàng)建的子賬號,點(diǎn)擊右側(cè) 授權(quán)
- 在彈出的對話框中,選擇授權(quán)策略名稱,并添加到右側(cè)已選授權(quán)策略列表,點(diǎn)擊 確定 提交,如下圖:

4.創(chuàng)建角色
點(diǎn)擊左側(cè)的 角色管理 -> 新建角色如下圖:


4.授權(quán)策略訪問角色
點(diǎn)擊左側(cè)的 角色管理 ,在右側(cè)的角色列表中選擇需要授權(quán)的角色,點(diǎn)擊授權(quán),如下圖:

5.注意事項
1.server端的代碼中
var sts = new STS({
accessKeyId: '子賬號 accessKeyId',
accessKeySecret: '子賬號 accessKeySecret',
});
accessKeyId 和 accessKeySecret 為第一步創(chuàng)建的子用戶的 key
2.rolearn
var rolearn = '對應(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
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Ant Design Vue table中列超長顯示...并加提示語的實(shí)例
這篇文章主要介紹了Ant Design Vue table中列超長顯示...并加提示語的實(shí)例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決
這篇文章主要介紹了vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue3整合SpringSecurity加JWT實(shí)現(xiàn)權(quán)限校驗
本文主要介紹了vue3整合SpringSecurity加JWT實(shí)現(xiàn)權(quán)限校驗,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-04-04
Vue3新特性之在Composition API中使用CSS Modules
這篇文章主要介紹了Vue3新特性之在Composition API中使用CSS Modules,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
vue-router之nuxt動態(tài)路由設(shè)置的兩種方法小結(jié)
今天小編就為大家分享一篇vue-router之nuxt動態(tài)路由設(shè)置的兩種方法小結(jié),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09

