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)容,并提交。
示例:一個(gè)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.注意事項(xiàng)
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)文章
vue3使用echart的兩種引入方式以及注意事項(xiàng)說明
這篇文章主要介紹了vue3使用echart的兩種引入方式以及注意事項(xiàng)說明,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10實(shí)現(xiàn)vuex與組件data之間的數(shù)據(jù)同步更新方式
今天小編就為大家分享一篇實(shí)現(xiàn)vuex與組件data之間的數(shù)據(jù)同步更新方式,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11vue子傳父關(guān)于.sync與$emit的實(shí)現(xiàn)
這篇文章主要介紹了vue子傳父關(guān)于.sync與$emit的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11Vue二次封裝el-select實(shí)現(xiàn)下拉滾動加載效果(el-select無限滾動)
el-select默認(rèn)是不支持虛擬滾動的,需要使用第三方插件來實(shí)現(xiàn)虛擬滾動功能,下面這篇文章主要給大家介紹了關(guān)于Vue二次封裝el-select實(shí)現(xiàn)下拉滾動加載效果的相關(guān)資料,需要的朋友可以參考下2024-04-04vue3.0使用vue-pdf-embed在線預(yù)覽pdf 控制頁碼顯示范圍不生效問題解決
這篇文章主要介紹了vue3.0使用vue-pdf-embed在線預(yù)覽pdf 控制頁碼顯示范圍不生效問題的問題及解決方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-01-01