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 命名空间以提高代码重用性
Nov 13 Javascript
javascript小数计算出现近似值的解决办法
Feb 06 Javascript
JavaScript Event学习第七章 事件属性
Feb 07 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
javascript 拖动表格行实现代码
May 05 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
Django+Vue.js搭建前后端分离项目的示例
Aug 07 Javascript
Vue.js实现图片的随意拖动方法
Mar 08 Javascript
jquery无缝图片轮播组件封装
Nov 25 jQuery
Vue.directive 实现元素scroll逻辑复用
Nov 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中的正规表达式(二)
2006/10/09 PHP
用PHP的ob_start() 控制您的浏览器cache
2009/08/03 PHP
php下使用strpos需要注意 === 运算符
2010/07/17 PHP
php mysql 封装类实例代码
2016/09/18 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
jquery获取input的value问题说明
2010/08/19 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
使用Angular CLI从蓝本生成代码详解
2018/03/24 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
原生js实现分页效果
2020/09/23 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
Python基于select实现的socket服务器
2016/04/13 Python
python模块导入的细节详解
2018/12/10 Python
python学生管理系统开发
2019/01/30 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
django settings.py 配置文件及介绍
2019/07/15 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
俄罗斯品牌服装和鞋子在线商店:BRIONITY
2020/03/26 全球购物
党支部书记先进事迹
2014/01/17 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
化妆品活动策划方案
2014/05/23 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
四年级小学生评语
2014/12/26 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
信息简报范文
2015/07/21 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书