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实现的省市区三级联动
Apr 02 Javascript
javascript中CheckBox全选终极方案
May 20 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
Aug 21 Javascript
如何使用headjs来管理和异步加载js
Nov 29 Javascript
详解JavaScript的内置对象
Dec 07 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
node通过npm写一个cli命令行工具
Oct 12 Javascript
在Vue中获取组件声明时的name属性方法
Sep 12 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 Javascript
小程序实现列表倒计时功能
Jan 29 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下批量挂马和批量清马代码
2011/02/27 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
解析PHP多种序列化与反序列化的方法
2013/06/06 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
零基础学JavaScript最新动画教程+iso光盘下载
2008/01/22 Javascript
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
关于jQuery中的end()使用方法
2011/07/10 Javascript
打印json对象的内容及JSON.stringify函数应用
2013/03/29 Javascript
Jquery 数组操作大全个人总结
2013/11/13 Javascript
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
微信小程序 触控事件详细介绍
2016/10/17 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
使用Angular缓存父页面数据的方法
2017/01/03 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
JavaScript碰撞检测原理及其实现代码
2020/03/12 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python+Django+apache的配置方法详解
2016/06/01 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
军人违纪检讨书
2014/02/04 职场文书
新年爱情寄语
2014/04/08 职场文书
高中生旷课检讨书
2014/10/08 职场文书
美术教师个人总结
2015/02/06 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
高中语文教材(文学文化常识大全一)
2019/08/13 职场文书