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 避免闭包引发的问题
Mar 17 Javascript
理解JSON:3分钟课程
Oct 28 Javascript
JS 删除字符串最后一个字符的实现代码
Feb 20 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
js 设置缓存及获取设置的缓存
May 08 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
用户代理字符串userAgent可实现的四个识别
Sep 20 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
vue打包静态资源后显示空白及static文件路径报错的解决
Sep 02 Javascript
教你一步步实现一个简易promise
Nov 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中json_encode中文编码问题分析
2011/09/13 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
从面试题学习Javascript 面向对象(创建对象)
2012/03/30 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
2013/11/19 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
用unescape反编码得出汉字示例
2014/04/24 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
[02:37]2018DOTA2亚洲邀请赛赛前采访-EG篇
2018/04/03 DOTA
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
Python标准库urllib2的一些使用细节总结
2015/03/16 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
对python_discover方法遍历所有执行的用例详解
2019/02/13 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
CSS3属性box-shadow使用详细教程
2012/01/21 HTML / CSS
资产经营总监岗位职责
2013/12/04 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
食品安全工作方案
2014/05/07 职场文书
化工实习心得体会
2014/09/09 职场文书
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
2016高考冲刺决心书
2015/09/23 职场文书