奉贤网站建设,wordpress 引用图片不显示,网站制作器,中国楼市最新消息2022阿里云配置 进入阿里云OSS Bucket 列表的某个 Bucket 仓库下#xff0c;点击访问控制 RAM 创建用户 勾上 创建 AccessKey ID 和 AccessKey Secret 复制 AccessKey 信息 用文档保存 创建角色 选择云账号 复制 ARN 用文档保存#xff0c;然后 新增权限 搜索 oss 选择 AliyunOSS…阿里云配置 进入阿里云OSS Bucket 列表的某个 Bucket 仓库下点击访问控制 RAM 创建用户 勾上 创建 AccessKey ID 和 AccessKey Secret 复制 AccessKey 信息 用文档保存 创建角色 选择云账号 复制 ARN 用文档保存然后 新增权限 搜索 oss 选择 AliyunOSSFullAccess 策略后保存 返回 oss 的 Bucket 管理页面设置读写权限 设置跨域创建规则可以填写局域网地址用于测试 点击概览复制 Bucket 外网访问地址上的 oss-cn-地域用文档保存 nodeJS上传 node接收文件或选择文件直接上传 const path require(path)
const OSS require(ali-oss)const client new OSS({// 开启 endpoint 时 region 无效二选一具体区别可以看官网文档// region: oss-cn-shenzhen,endpoint: oss-cn-shenzhen.aliyuncs.com, // Endpoint地域节点外网访问accessKeyId: 创建用户时复制的 AccessKey ID,accessKeySecret: 创建用户时复制的 AccessKey Secret,bucket: Bucket存储空间名称,// internal: true // 是否通过阿里云内部网络接入OSS// cname: true // 默认为false使用自定义域名访问oss。如果为true则可以用自定义域名填充端点字段// secure: true, // 是否返回HTTPS链接默认false开启传输加速时必须为truetimeout: 10 * 60 * 1000 // 设置链接超时时间
})// 获取oss文件列表
async function list() {// 不带任何参数默认最多返回100个文件。const result await client.list()console.log(result)
}
list()// 上传文件
const putOSS (file_name, file_path) {return new Promise(async (resolve, reject) {try {if (!file_name || !file_path) throw file_name or file_path errorconst result await client.put(file_name, path.normalize(file_path))if (result.res.status ! 200) throw errorresolve(result.url)} catch (err) {reject(err)}})
}putOSS(文件名称, 文件路径)
官方参考 安装OSS Node.js SDK_对象存储(OSS)-阿里云帮助中心 Browser.js浏览器上传 浏览器上传建议使用 STS 方式来进行API访问 1、后端生成临时访问密钥 安装依赖 npm i ali-oss 后端 nodeJS 调用STS服务生成临时访问密钥 const OSS require(ali-oss)async function getSTSToken() {const sts new OSS.STS({accessKeyId: 创建用户时复制的 AccessKey ID,accessKeySecret: 创建用户时复制的 AccessKey Secret})const result await sts.assumeRole(acs:ram::*****:role/test-oss-juese, // 创建角色时生成的 ARN, // 自定义权限策略可选3600, // 凭证有效期单位为秒sessiontest // 自定义会话名称)console.log(AccessKeyId:, result.credentials.AccessKeyId)console.log(AccessKeySecret:, result.credentials.AccessKeySecret)console.log(SecurityToken:, result.credentials.SecurityToken)console.log(Expiration:, result.credentials.Expiration)return result.credentials // 生成的临时密钥
}const sts_token getSTSToken()// 可以写个node接口把 sts_token 传给前端 2、前端上传 安装依赖 npm i ali-oss 前端请求后端获取生成的临时密钥然后使用临时密钥 访问/上传文件 const OSS require(ali-oss)
import axios from axioslet sts_token nullconst getOssClient () {return new Promise(async (resolve, reject) {try {if (!sts_token || new Date(sts_token.Expiration) new Date()) {const res await axios.get(get_sts_token) // 请求后端获取sts_tokensts_token res.data}const { AccessKeyId, AccessKeySecret, SecurityToken } sts_tokenconst oss_client new OSS({// endpoint: https://oss-accelerate.aliyuncs.com,region: oss-cn-hongkong, // Bucket所在地域。以华东1杭州为例填写为oss-cn-hangzhouauthorizationV4: true,accessKeyId: AccessKeyId,accessKeySecret: AccessKeySecret,stsToken: SecurityToken,bucket: Bucket名称,secure: true,timeout: 10 * 60 * 1000})resolve(oss_client)} catch (error) {sts_token nullreject(error)}})
}// 测试访问文件列表
async function list() {try {const oss_client await getOssClient()// 默认最多返回1000个文件。const result await oss_client.list()console.log(result)} catch (e) {console.log(e)}
}
// list()async function uploadFile() {try {const ossClient await getOssClient();const file new File([hello world], test.txt); // 假设是浏览器环境const filePath uploads/test.txt; // OSS 存储路径const result await ossClient.put(filePath, file);console.log(Upload success:, result);} catch (error) {console.error(Upload failed:, error);}
}
// uploadFile() 3、官方参考 安装和使用OSS Browser.js SDK_对象存储(OSS)-阿里云帮助中心 参数配置
配置Client
您可以在初始化Client时按需添加配置项例如通过timeout指定请求超时时间通过stsToken指定临时访问凭证等。关于Browser.js支持的配置项以及配置示例具体参数请参考下方说明。options参数说明
accessKeyId {String}在阿里云控制台网站上创建的访问密钥。accessKeySecret {String}在阿里云控制台创建的访问密钥秘密。[stsToken] {String}用于临时授权。[refreshSTSToken] {Function}当STS信息过期时自动设置stsToken、accessKeyId、accessKeySecret的函数。返回值必须是包含stsToken、accessKeyId、accessKeySecret的对象。[refreshSTSTokenInterval] {number}STS令牌刷新间隔时间毫秒。应小于STS信息的过期间隔默认为300000毫秒5分钟。[bucket] {String}您想访问的默认Bucket。如果没有Bucket请先使用putBucket()创建一个。[endpoint] {String}OSS区域域名。优先级高于region。根据需要设置为外网域名、内网域名或加速域名等请参考终端节点列表。[region] {String}Bucket数据所在的区域位置默认为oss-cn-hangzhou。[internal] {Boolean}是否通过阿里云内网访问OSS默认为false。如果您的服务器也在阿里云上运行可以设置为true以节省大量费用。[secure] {Boolean}指示OSS客户端使用HTTPSsecure: true还是HTTPsecure: false协议。[timeout] {String|Number}针对所有操作的实例级别超时时间默认为60秒。[cname] {Boolean}默认为false使用自定义域名访问OSS。如果为true则可以在endpoint字段中填写自定义域名。[isRequestPay] {Boolean}默认为false表示是否开启Bucket的请求者支付功能如果为true会向OSS服务器发送头部x-oss-request-payer: requester。[useFetch] {Boolean}默认为false仅在浏览器环境中生效。如果为true意味着使用fetch模式上传对象否则使用XMLHttpRequest。[enableProxy] {Boolean}启用代理请求默认为false。注意启用代理请求时请确保已安装proxy-agent。[proxy] {String | Object}代理URI或选项默认为null。[retryMax] {Number}当请求因网络错误或超时出错时自动重试发送请求的最大次数。不支持流式上传如put、putStream、append等因为流只能被消费一次。[maxSockets] {Number}每个主机允许的最大套接字数。默认为无限。[authorizationV4] {Boolean}使用V4签名。默认为false。
