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 相关文章推荐
js 浮动层菜单收藏
Jan 16 Javascript
解javascript 混淆加密收藏
Jan 16 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
jquery滚动加载数据的方法
Mar 09 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
Angularjs实现控制器之间通信方式实例总结
Mar 27 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
Apr 18 Javascript
微信小程序实现简单购物车功能
Dec 30 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验证码(支持中文)
2007/02/14 PHP
php 用sock技术发送邮件的函数
2007/07/21 PHP
PHP MYSQL乱码问题,使用SET NAMES utf8校正
2009/11/30 PHP
PHP采集相关教程之一 CURL函数库
2010/02/15 PHP
php生成略缩图代码
2012/07/16 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
接收键盘指令的脚本
2006/06/26 Javascript
该如何加载google-analytics(或其他第三方)的JS
2010/05/13 Javascript
jqgrid 简单学习笔记
2011/05/03 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
2012/12/17 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
jQuery获取字符串中出现最多的数
2016/02/22 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
2018/08/22 Javascript
python3.4实现邮件发送功能
2018/05/28 Python
Python 新建文件夹与复制文件夹内所有内容的方法
2018/10/27 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
Django之提交表单与前后端交互的方法
2019/07/19 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
Python运行异常管理解决方案
2020/03/09 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
Python 多进程原理及实现
2020/12/21 Python
FragranceNet中文网:北美健康美容线上零售商
2020/08/26 全球购物
盛大二次面试题
2016/11/18 面试题
审计工作个人的自我评价
2013/12/25 职场文书
护士自我评价范文
2014/01/25 职场文书
党性心得体会
2014/09/03 职场文书
岗位聘任报告
2015/03/02 职场文书
公司岗位说明书
2015/10/08 职场文书
高中班长竞选稿
2015/11/20 职场文书
python实现简单反弹球游戏
2021/04/12 Python