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下4个跨浏览器必备的函数
Mar 07 Javascript
jquery中获取元素的几种方式小结
Jul 05 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
基于jQuery实现自动轮播旋转木马特效
Nov 02 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
微信小程序生成海报分享朋友圈的实现方法
May 06 Javascript
javascript使用链接跨域下载图片
Nov 01 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
Oct 29 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 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
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
JavaScript中的稀疏数组与密集数组[译]
2012/09/17 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
使用js对select动态添加和删除OPTION示例代码
2013/08/12 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
Node.js中路径处理模块path详解
2016/11/14 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
[01:10]为家乡而战!完美世界城市挑战赛全国总决赛花絮
2019/07/25 DOTA
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
Python MySQLdb 使用utf-8 编码插入中文数据问题
2018/03/13 Python
PyTorch 随机数生成占用 CPU 过高的解决方法
2020/01/13 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
DRF使用simple JWT身份验证的实现
2021/01/14 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
DBA的职责都有哪些
2012/05/16 面试题
自动化专业个人求职信范文
2013/11/29 职场文书
乡镇干部先进事迹材料
2014/02/03 职场文书
应届生面试求职信
2014/07/02 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
党员民主生活会材料
2014/12/15 职场文书
刑事上诉状范文
2015/05/22 职场文书
毕业生政审意见范文
2015/06/04 职场文书
《七律·长征》教学反思
2016/02/16 职场文书
详解MySQL 联合查询优化机制
2021/05/10 MySQL
防止web项目中的SQL注入
2021/12/06 MySQL