基于对象存储OSS实现企业门户网站托管

⚡⚡⚡ 新年新文⚡⚡⚡


文章目录


1,需求说明

本文是为了帮助企业门户网站上云而设计,实验使用HTML完成网站前端页面的编辑和呈现,使用OSS完成网站静态页面的托管和视频图片等文件资源的托管;同时,企业门户网站需要针对不同的访问用户设置不同类型的访问权限,需要对重要数据进行落盘加密,加强数据安全;另外,网站还需要支持用户在线处理图片、支持对文件进行版本管理、支持全球访问传输加速等优化访问体验的功能。网站架构如下:

操作流程:

2,部署企业门户网站

2.1,部署

本步骤将指导您创建HTML,创建完成后,通过浏览器访问相应地址,可以访问到企业门户网站。

  1. 在ECS命令行界面,执行如下命令,在/alidata/www/default目录下创建新目录web。
    说明:mkdir命令用于创建目录或子目录。
bash 复制代码
mkdir /alidata/www/default/web
  1. 执行命令,下载企业门户网站压缩包到/root目录。

    说明:wget 是Linux系统用于从Web下载文件的命令行工具。wget加上需要下载文件的链接,即可完成文件的下载。

  2. 执行解压命令,解压企业门户网站。

    说明:tar是Linux系统用于解压与压缩命令,解压参数中z表示配合解压.gz类型的压缩包,x表示解压缩,v表示显示解压缩详细信息,f表示被处理文件。

  3. 拷贝企业门户网站页面,到web目录。

    说明:cd命令是用于进入指定的目录。

bash 复制代码
cd web

说明:cp命令是用于复制文件或目录的指令,-R参数表示递归处理。

bash 复制代码
cp -R * /alidata/www/default/web/ 
  1. 修改web目录权限
    说明:chown命令用于改变某个文件或目录的所有者和所属的组。
bash 复制代码
chown -R www:www /alidata/www/default/web/

2.2,验证企业门户网站

验证企业门户网站时,需要使用到公网IP,您需要获取ECS实例的公网地址。

3,创建OSS Bucket和调整OSS Bucket ACL

3.1,创建OSS Bucket

https://oss.console.aliyun.com

使用阿里云对象存储OSS控制台,在创建Bucket时设置读写权限(Bucket ACL)为公共读。

3.2,调整OSS Bucket ACL

使用阿里云对象存储OSS控制台,在创建Bucket后设置读写权限(Bucket ACL)为私有。

4,设置OSS Object ACL

4.1,创建pics和videos目录

创建pics和videos目录,用于存放企业门户网站的图片和视频资源。

使用阿里云对象存储OSS控制台,创建不同的目录,并在上传文件和文件上传后两种不同的场景中设置Object ACL。

创建门户网站资源托管目录

  1. 点击文件管理菜单,选择文件列表,点击新建目录。
  2. 输入目录名:pics,点击确定,完成目录创建
  3. 同理,完成videos目录创建,可通过文件列表验证Bucket是否存在相关目录。

下载企业门户网站图片视频资源

下载企业门户网站图片和视频资源到本地。

图片下载地址:https://clouder-labfileapp.oss-cn-hangzhou.aliyuncs.com/OSS/基于对象存储OSS实现企业门户网站托管/demo.jpg

视频下载地址:https://clouder-labfileapp.oss-cn-hangzhou.aliyuncs.com/OSS/基于对象存储OSS实现企业门户网站托管/demo.mp4

  1. 点击文件管理,选择文件列表,单击pics目录名称,进入pics目录;上传文件;
  2. 确认当前目录是否为pics目录,文件ACL设置为私有,点击扫描文件,在对话框选择demo.jpg图片;
  3. 当扫描文件状态为已扫描待上传,点击上传文件完成demo.jpg的上传;
  4. 重复1-4 步骤,上传企业门户网站视频资源demo.mp4到videos目录,在上传时设置demo.mp4文件ACL为私有。

4.2,上传后修改Object ACL

  1. 单击pics目录名称,进入pics目录。
  2. 点击需要设置权限demo.jpg右侧按钮,点击设置读写权限。
  3. 设置demo.jpg读写权限为公共读。点击确定完成设置。
  4. 重复1-3步骤,修改videos目录下demo.mp4读写权限为公共读。

5,企业门户文件托管

5.1,修改企业门户网站的图片和视频

由部署企业门户网站章节的步骤得知,门户网站由index.html文件编写呈现,我们需要通过修改html文件的方式来修改网站上的图片和视频文件。

使用vim编辑门户网站主页index.html文件。

bash 复制代码
vim /alidata/www/default/web/index.html

详情页面,点击复制文件URL

按下输入:wq后按下Enter键保存退出

5.2,验证企业门户网站静态资源托管

验证企业门户网站时,需要使用到公网IP,您需要获取ECS实例的公网地址。

如下图所示,表示企业门户网站完成静态资源托管。

6,企业门户网站数据处理

图片处理

本步骤将指导您如何使用阿里云对象存储OSS控制台,创建图片处理样式规则,转换企业门户网站图片资源demo.jpg格式为demo.png。

  1. 进入OSS控制台。
  2. 点击数据处理,单击图片处理菜单,单击新建样式,创建样式。
  3. 填入规则名称,格式转换设置为png,点击确定,完成样式创建。
    说明:您可在样式管理中查看已经创建的规则名称。3. 单击文件管理,选择文件列表,单击pics目录,找到demo.jpg文件;右侧详情按钮

说明:选择图片样式为jpg_to_png,复制文件URL。

  1. 复制URL粘贴到浏览器,回车即可完成格式转换。

7,企业门户网站静态资源数据安全

7.1,服务端加密

  1. 点击数据安全,选择服务器端加密菜单,找到设置按钮。
  2. 点击设置按钮,选择服务端加密方式为OSS完全托管,加密算法为AES256,点击保存完成服务端加密功能开启。

7.2,跨域设置

  1. 单击数据安全,选择跨域设置菜单,找到创建规则按钮。
  2. 单击创建规则,来源设置为ECS公网地址,允许Methods为Get。点击确定完成跨域设置。

7.3,防盗链

  1. 单击数据安全,选择防盗链菜单,找到防盗链按钮。
  2. 点击防盗链开启按钮,开启防盗链功能。

7.4,版本控制

  1. 登陆OSS控制台,点击Bucket列表选择Bucket。单击数据安全,找到版本控制开启按钮。2. 点击版本控制开启按钮,开启版本控制。

  2. 点击确定,完成版本控制开启。

  3. 文件管理菜单,点击文件列表,点击pics目录,点击上传文件功能,再次上传demo.jpg,并在上传时设置文件ACL为公共读(如下图①所示)。

  4. 点击历史版本显示菜单,即可查看生成的版本信息。

8,企业门户网站传输加速

传输加速

单击Bucket配置,选择传输加速菜单,找到开启传输加速按钮。

把htm中的域名替换为传输加速访问域名。


感谢阅读,下期更精彩 👋👋👋

使用OSS、NAS作为存储服务完成企业门户网站的搭建

相关推荐
小灰灰搞电子1 天前
ESP32+ESP-IDF 使用MQTT协议连接阿里云物联网平台源码分享
物联网·阿里云·esp32
拍客圈2 天前
阿里云cdn配置(Discuz! X3.5版)
阿里云·云计算
会算数的⑨3 天前
Spring AI Alibaba 学习(三):Graph Workflow 深度解析(上篇)
java·人工智能·后端·学习·阿里云·agent·saa
摇滚侠4 天前
测试阿里云深度研究功能,评价一下 CSDN 博主连杰李的内容
阿里云·云计算
主机哥哥6 天前
还不会部署OpenClaw?阿里云推出五种OpenClaw快速部署方案
阿里云·云计算
Re.不晚6 天前
可视化大数据——淘宝母婴购物数据【含详细代码】
大数据·阿里云·云计算
云上空6 天前
腾讯云使用对象存储托管并分享WebGL小游戏(unity3d)(需要域名)
unity·腾讯云·webgl·游戏开发·对象存储·网页托管
MoMoSQL6666 天前
2026年1月国产数据库大事记:国开行2822万采购Gbase,浙商银行930万采购GoldenDB,墨天轮发布“2025年度数据库”……
数据库·阿里云·tidb·oceanbase·gaussdb