vue頁(yè)面使用阿里oss上傳功能的實(shí)例(二)
本文主要介紹OSS管理控制臺(tái)設(shè)置訪問(wèn)權(quán)限、角色等。分享給大家,具體如下:
進(jìn)入控制臺(tái),鼠標(biāo)移到右上角用戶名處,點(diǎn)擊“訪問(wèn)控制”,如下圖:
如果沒(méi)有此功能,則將鼠標(biāo)移至 產(chǎn)品 -> 管理與控制,點(diǎn)擊 訪問(wèn)控制進(jìn)入訪問(wèn)控制產(chǎn)品頁(yè)
1.創(chuàng)建子賬號(hào)
點(diǎn)擊左側(cè)的 用戶管理 -> 自定義授權(quán)策略 ->新建授權(quán)策略 , 如下圖:
2.新建授權(quán)策略
點(diǎn)擊左側(cè)的 策略管理 -> 新建用戶 , 如下圖:
- 在彈出對(duì)話框中:選擇授權(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:"開(kāi)頭,
例如: "mns:SendMessage" 表示 MNS 服務(wù)的API:SendMessage/BatchSenMessage
其他詳見(jiàn)附錄:MNS API和授權(quán)操作映射表;
Effect : 表示授權(quán)類型, 例如: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)可以訪問(wèn)主賬號(hào)的所有mns資源。
3.授權(quán)子賬號(hào)訪問(wèn)MNS
- 返回 用戶管理 ,找到第一步創(chuàng)建的子賬號(hào),點(diǎn)擊右側(cè) 授權(quán)
- 在彈出的對(duì)話框中,選擇授權(quán)策略名稱,并添加到右側(cè)已選授權(quán)策略列表,點(diǎn)擊 確定 提交,如下圖:
4.創(chuàng)建角色
點(diǎn)擊左側(cè)的 角色管理 -> 新建角色如下圖:
4.授權(quán)策略訪問(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)建的子用戶的 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í)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue3使用echart的兩種引入方式以及注意事項(xiàng)說(shuō)明
這篇文章主要介紹了vue3使用echart的兩種引入方式以及注意事項(xiàng)說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10實(shí)現(xiàn)vuex與組件data之間的數(shù)據(jù)同步更新方式
今天小編就為大家分享一篇實(shí)現(xiàn)vuex與組件data之間的數(shù)據(jù)同步更新方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11vue子傳父關(guān)于.sync與$emit的實(shí)現(xiàn)
這篇文章主要介紹了vue子傳父關(guān)于.sync與$emit的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11Vue二次封裝el-select實(shí)現(xiàn)下拉滾動(dòng)加載效果(el-select無(wú)限滾動(dòng))
el-select默認(rèn)是不支持虛擬滾動(dòng)的,需要使用第三方插件來(lái)實(shí)現(xiàn)虛擬滾動(dòng)功能,下面這篇文章主要給大家介紹了關(guān)于Vue二次封裝el-select實(shí)現(xiàn)下拉滾動(dòng)加載效果的相關(guān)資料,需要的朋友可以參考下2024-04-04vue處理get/post的http請(qǐng)求的實(shí)例
本文主要介紹了vue處理get/post的http請(qǐng)求的實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03vue3.0使用vue-pdf-embed在線預(yù)覽pdf 控制頁(yè)碼顯示范圍不生效問(wèn)題解決
這篇文章主要介紹了vue3.0使用vue-pdf-embed在線預(yù)覽pdf 控制頁(yè)碼顯示范圍不生效問(wèn)題的問(wèn)題及解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-01-01Vue使用Axios進(jìn)行跨域請(qǐng)求的方法詳解
在開(kāi)發(fā)現(xiàn)代?Web?應(yīng)用時(shí),前端和后端通常分離部署在不同的服務(wù)器上,這就會(huì)引發(fā)跨域請(qǐng)求問(wèn)題,所以本文將詳細(xì)介紹如何在?Vue?項(xiàng)目中使用?Axios?發(fā)起跨域請(qǐng)求時(shí)解決跨域問(wèn)題的相關(guān)資料,需要的朋友可以參考下2024-09-09