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 相关文章推荐
javascript的创建多行字符串的7种方法
Apr 29 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
Sublime Text 3常用插件及安装方法
Dec 16 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
使用cookie绕过验证码登录的实现代码
Oct 12 Javascript
详解angularjs实现echart图表效果最简洁教程
Nov 29 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
JavaScript判断数据类型有几种方法及区别介绍
Sep 02 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使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
js常见表单应用技巧
2008/01/09 Javascript
JavaScript中的排序算法代码
2011/02/22 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
Three.js快速入门教程
2016/09/09 Javascript
Javascript基础回顾之(二) js作用域
2017/01/31 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
webpack3+React 的配置全解
2017/08/21 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
构建Vue大型应用的10个最佳实践(小结)
2019/11/07 Javascript
Vue项目中使用flow做类型检测的方法
2020/03/18 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
2020/07/27 Javascript
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
python统计一个文本中重复行数的方法
2014/11/19 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
python实现网站的模拟登录
2016/01/04 Python
python 实现A*算法的示例代码
2018/08/13 Python
Python 从相对路径下import的方法
2018/12/04 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
Python获取时间戳代码实例
2019/09/24 Python
python的命名规则知识点总结
2019/10/04 Python
PyTorch-GPU加速实例
2020/06/23 Python
这段代码难道不该打印出56吗
2013/02/27 面试题
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
2014大学生学生会工作总结
2014/12/19 职场文书
计划生育目标责任书
2015/05/09 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书
python 安全地删除列表元素的方法
2022/03/16 Python
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript