Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >腾讯云下一代CDN -- EdgeOne加速MinIO对象存储

腾讯云下一代CDN -- EdgeOne加速MinIO对象存储

原创
作者头像
发布于 2023-08-12 08:54:19
发布于 2023-08-12 08:54:19
3.2K0
举报

省流

使用MinIO作为EdgeOne的源站。

背景介绍

项目中需要一个兼容S3协议的对象存储服务,腾讯云的COS虽然也兼容S3协议,但是也只是支持简单的上传下载,对于上传的时候同时打标签这种需求,就不兼容S3了。所以决定自建一个对象存储服务,这里选择EdgeOne为对象存储提供CDN加速服务。本文详细记录了设置过程,作为一个记录方便以后参考。

MinIO设置

MinIO侧设置比较简单,只需要一个具有桶访问权限的用户名\密码就行,可以直接使用管理员账号,但是还是建议创建专门的用户,分配相应权限。详细步骤记录如下:

创建测试桶

这里设置桶名称为“test”。

设置桶访问模式

点击桶名,进入设置界面,设置桶访问模式为“private”。(我这里的桶默认权限初始值是n/a,我不知道是不是我安装问题,我认为他应该默认就是private才对)。

创建Policy

创建一个名为test-policy的Policy,内容为:

代码语言:html
AI代码解释
复制
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Action": [
                "s3:*"
            ],
            "Resource": [
                "arn:aws:s3:::test/*"
            ]
        }
    ]
}

创建User

创建名为test-user的用户,设置密码,Policy选择test-policy,这样,test-user用户就具有test桶的所有权限。

EdgeOne设置

域名设置

域名设置中源站地址填写MinIO的API地址,地域在MinIO后台Settings/Region中找到,我这里设置的是"cn-north-1",Access Key ID和Secret Access Key分别是用户名\密码。

推荐配置

推荐配置中可以选择“大文件下载”。

配置CNAME

根据提示配置好域名的cname记录

等待配置生效

上传一个图片到桶跟目录,假设名称为a.png,可以使用地址 http://minio-test-cdn.trycatch.xyz/test/a.png 访问

一些细节

最后,还有一些细节需要留意下:

  1. EdgeOne默认回源规则为跟随协议,如果源站地址不支持https,想要强制使用http协议回源,可以在规则中增加如下配置。
  1. EdgeOne支持申请免费证书,在域名管理中设置即可
  1. 如果设置了https证书,可以开启强制https访问
  1. MinIO分API地址和Console地址(Web管理界面地址),目前Console地址可以套EdgeOne加速,API地址套EdgeOne地址上传下载目前没有问题,但是涉及到PUT请求会有问题,所以不建议直接套EdgeOne使用,本文介绍的通过S3协议直接回源是没有问题的。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Vue-cli 原理分析
在平时工作中会有遇到许多以相同模板定制的小程序,因此想自己建立一个生成模板的脚手架工具,以模板为基础构建对应的小程序,而平时的小程序都是用mpvue框架来写的,因此首先先参考一下Vue-cli的原理。知道原理之后,再定制自己的模板脚手架肯定是事半功倍的。
grain先森
2019/03/29
1.3K0
Vue-cli 原理分析
Vue-cli原理分析
在平时工作中会有遇到许多以相同模板定制的小程序,因此想自己建立一个生成模板的脚手架工具,以模板为基础构建对应的小程序,而平时的小程序都是用mpvue框架来写的,因此首先先参考一下Vue-cli的原理。知道原理之后,再定制自己的模板脚手架肯定是事半功倍的。
用户2356368
2019/04/03
9580
Vue-cli原理分析
从零撸一个CLI命令行脚手架工具
我想大部分同学肯定都是这样回答的:现在社区都有开箱即用的脚手架,像vue-cli、create-react-app这种,我们直接用脚手架来创建项目就可以了啊。
前端森林
2021/02/03
1.1K0
从零撸一个CLI命令行脚手架工具
[第4期] 定制你的 CLI,一键生成项目
工作中, 我们难免会遇到需要自己搭建脚手架的场景, 现成的脚手架有很多, 比如 create-react-app, vue-cli, 能覆盖大部分的需要。但是也要很多不便利的地方, 我们需要自己定制一些配置, 又不想用 rewired or eject, 这个时候就需要自己手动搭建,但是从头搭建又很繁琐, 我自己搭建过几个项目, 每次需要新建的时候就很烦, 那有没有比较便利的方式呢?
皮小蛋
2020/03/02
6610
从0开始搭建优雅的前端脚手架工具
在日常开发中,我们经常会使用到各种脚手架工具(cli): vue-create-app,ng 包括 npm。它们极大简化了开发人员对于项目结构和文件创建的工作,让我们可以把精力专心在业务实现上。 对于某些项目而言 cli还可以封装一些脚本,用来处理项目中的一些特殊场景。
用户8738532
2022/12/05
6610
如何实现一个脚手架进阶版(Vue-cli v2.9学习篇)
在之前一篇博客介绍了关于Node脚手架的一些基础的知识,这篇博客是在之前的基础上针对在Node中开发脚手架中遇到的问题,如:
黄Java
2018/09/18
1.2K0
如何实现一个脚手架进阶版(Vue-cli v2.9学习篇)
实现简易 CLI
# 创建工程 初始化 mkdir kkb-vue-auto-router-cli cd kkb-vue-auto-router-cli npm init -y npm i commander download-git-repo ora handlebars figlet clear chalk open -s 设置启动入口 bin/kkb.js #!/usr/bin/env node console.log('cli....'); package.json "bin": { "kkb": "./
Cellinlab
2023/05/17
5170
中秋节最后一天,手撸一个自己的前端脚手架
“我报名参加金石计划1期挑战——瓜分10万奖池,这是我的第3篇文章,点击查看活动详情”
用户6256742
2024/07/31
1180
浅入vue脚手架 手把手教你撸一个简单脚手架
整个vue init大致流程如我上图所示,应该还是比较好理解的。这里我大致阐述一下大致的流程。
饼干_
2022/08/07
1.5K0
浅入vue脚手架 手把手教你撸一个简单脚手架
开发一个简单的脚手架工具
像我们熟悉的 vue-cli,create-react-app 等脚手架,只需要输入简单的命令 vue init webpack project,即可快速帮我们生成一个初始项目。在实际工作中,我们可以定制一个属于自己的脚手架,来提高自己的工作效率。
小皮咖
2019/11/15
1.7K0
使用 Node.js 开发简单的脚手架工具
像我们熟悉的 vue-cli,react-native-cli 等脚手架,只需要输入简单的命令 vue init webpack project,即可快速帮我们生成一个初始项目。在实际工作中,我们可以定制一个属于自己的脚手架,来提高自己的工作效率。
前端教程
2018/07/27
1.3K0
使用 Node.js 开发简单的脚手架工具
手把手教学拥有自己的CLI
因为我是前端 node对于我来说比较友好,node 环境电脑一般都有,写这种cli js其实是比较好的选择,灵活高效。但是我还是想用TS 🐶。
星宇大前端
2023/11/28
5930
手把手教学拥有自己的CLI
前端脚手架开发指南
脚手架本质上是一个工具,使用脚手架的目的就是摆脱构建工程时重复性的工作,尤其是当一个工程具有一定通用性时,工程脚手架的意义就更为突出。它可以让我们只需要一行命令,就可以初始化好一项工程。
牛老师讲GIS
2023/02/27
7430
前端脚手架开发指南
实现一个自定义的vue脚手架
我们的目的是,当我们输入 wlm的时候 执行的是node index.js这句话即可
何处锦绣不灰堆
2022/11/30
8430
实现一个自定义的vue脚手架
用 nodejs 搭建脚手架
像我们熟悉的 vue-cli,taro-cli 等脚手架,只需要输入简单的命令 taro init project,即可快速帮我们生成一个初始项目。在日常开发中,有一个脚手架工具可以用来提高工作效率。
coder2028
2022/09/28
4860
『手撕Vue-CLI』下载指定模板
通过很多章节过后,已经可以拿到模板名称,模板版本号,下载目录地址,这些信息都是为了下载指定模板做准备的。
程序员NEO
2024/05/01
1230
『手撕Vue-CLI』下载指定模板
《前端那些事》从0到1开发简单脚手架
上一篇树酱讲《前端工程化那些事》,聊到脚手架,不过时间比较仓促,导致内容较少,而在我实践开发中,随着新项目愈来愈多,脚手架工具就起到提高效能的作用,借此机会跟小伙伴们分享下我是如何从0到1开发一个简单脚手架
树酱
2020/07/03
1.6K0
《前端那些事》从0到1开发简单脚手架
自制前端脚手架
摘要总结:本文主要介绍了一种基于Node.js的脚手架框架,该框架可以快速生成项目结构,并支持自定义模板,具有易用性好、可扩展性强、可维护性好的特点。同时,本文还介绍了一种基于Node.js的脚手架框架生成方法,该方法可以快速生成项目结构,并支持自定义模板,具有易用性好、可扩展性强、可维护性好的特点。
IMWeb前端团队
2017/12/29
1.4K0
自制前端脚手架
『手撕Vue-CLI』完善提示信息
然而,虽然项目已复制并安装依赖,但其提示信息并不够友好,于是我试着去运行了一下vue create,发现其提示信息是这样的:
程序员NEO
2024/05/07
871
『手撕Vue-CLI』完善提示信息
前端脚手架构建实践
在前端工程化过程中,为了解决多项目中,相似度高的工作,便诞生许多前端脚手架,这里记录下自己实现一个简易前端脚手架过程的实践。主要是解决多个页面相似内容的复制粘贴问题,功能类似于Webstorm的Live template,或者Vscode的Snippets。
河马嘴不大
2022/12/24
1.1K0
前端脚手架构建实践
相关推荐
Vue-cli 原理分析
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档