vue页面使用阿里oss上传功能的实例(二)


Posted in Javascript onAugust 09, 2017

本文主要介绍OSS管理控制台设置访问权限、角色等。分享给大家,具体如下:

进入控制台,鼠标移到右上角用户名处,点击“访问控制”,如下图:

vue页面使用阿里oss上传功能的实例(二)

如果没有此功能,则将鼠标移至 产品 -> 管理与控制,点击 访问控制进入访问控制产品页

vue页面使用阿里oss上传功能的实例(二)

1.创建子账号

点击左侧的 用户管理 -> 自定义授权策略 ->新建授权策略 , 如下图:

vue页面使用阿里oss上传功能的实例(二)

2.新建授权策略

点击左侧的 策略管理 -> 新建用户 , 如下图:

vue页面使用阿里oss上传功能的实例(二)

  • 在弹出对话框中:选择授权策略模板(使用空模板)
  • 编辑授权策略并提交:修改 授权策略名称(自定义名称),备注,策略内容,并提交。

示例:一个MNS授权策略内容模版:

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

授权策略是json格式的字符串,其中,Action : 表示要授权的操作,MNS 操作都以"mns:"开头,

例如: "mns:SendMessage" 表示 MNS 服务的API:SendMessage/BatchSenMessage

其他详见附录:MNS API和授权操作映射表;

Effect : 表示授权类型, 例如:Allow, Deny

Resrouce : 表示要授权的阿里云资源名(ARN),格式为:"acs:<云服务名>: <地域名>: <主账号UID>:<资源URI>"

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

表示:授权资源是主账号UID为123456789在cn-hangzhou地域的MyQueue1。
用""表示不指定具体的字段,例如:"acs:mns:::" 表示不指定地域名,主账号ID和资源URI,子账号可以访问主账号的所有mns资源。

3.授权子账号访问MNS

  • 返回 用户管理 ,找到第一步创建的子账号,点击右侧 授权
  • 在弹出的对话框中,选择授权策略名称,并添加到右侧已选授权策略列表,点击 确定 提交,如下图:

vue页面使用阿里oss上传功能的实例(二)

4.创建角色

点击左侧的 角色管理 -> 新建角色如下图:

vue页面使用阿里oss上传功能的实例(二)

vue页面使用阿里oss上传功能的实例(二)

4.授权策略访问角色

点击左侧的 角色管理 ,在右侧的角色列表中选择需要授权的角色,点击授权,如下图:

vue页面使用阿里oss上传功能的实例(二)

5.注意事项

1.server端的代码中

var sts = new STS({
  accessKeyId: '子账号 accessKeyId',
  accessKeySecret: '子账号 accessKeySecret',
});

accessKeyId 和 accessKeySecret 为第一步创建的子用户的 key

2.rolearn

var rolearn = '对应角色的Arn值';

3.policy

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

这里的policy 必须和之前创建的策略一致。

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery pagination插件实现无刷新分页代码
Oct 13 Javascript
做好七件事帮你提升jQuery的性能
Feb 06 Javascript
JS数组的赋值介绍
Mar 10 Javascript
js脚本获取webform服务器控件的方法
May 16 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
Mar 12 Javascript
全面解析Node.js 8 重要功能和修复
Jun 02 Javascript
Vue2.0实现组件数据的双向绑定问题
Mar 06 Javascript
微信小程序实现长按删除图片的示例
May 18 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
详解JavaScript 中的批处理和缓存
Nov 19 Javascript
vue.js框架实现表单排序和分页效果
Aug 09 #Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 #Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 #jQuery
vue 打包后的文件部署到express服务器上的方法
Aug 09 #Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 #Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 #Javascript
AngularJS ionic手势事件的使用总结
Aug 09 #Javascript
You might like
详解PHP的Laravel框架中Eloquent对象关系映射使用
2016/02/26 PHP
ThinkPHP Where 条件中常用表达式示例(详解)
2017/03/31 PHP
thinkPHP+phpexcel实现excel报表输出功能示例
2017/06/06 PHP
window.showModalDialog使用手册
2007/01/11 Javascript
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
javascript json2 使用方法
2010/03/16 Javascript
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
2016/11/01 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
echart简介_动力节点Java学院整理
2017/08/11 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
2019/09/05 Javascript
vue+node 实现视频在线播放的实例代码
2020/10/19 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
[01:12]快闪回顾DOTA2亚洲邀请赛(DAC) 静候2018新征程开启
2018/03/11 DOTA
Python格式化压缩后的JS文件的方法
2015/03/05 Python
详细介绍Ruby中的正则表达式
2015/04/10 Python
Python中的自省(反射)详解
2015/06/02 Python
Python学习笔记整理3之输入输出、python eval函数
2015/12/14 Python
Python制作exe文件简单流程
2019/01/24 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
Steiff台湾官网:德国金耳釦泰迪熊
2019/12/26 全球购物
自考生毕业自我鉴定
2013/10/10 职场文书
历史学专业推荐信
2013/11/06 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
资料员岗位职责
2015/02/10 职场文书
病假证明模板
2015/06/19 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书