OSS实现企业门户网站托管

	选择实验资源 云起实验室支持实验资源体验、开通免费试用、个人账户资源三种实验资源方式。 在实验开始前，请您选择其中一种实验资源，单击确认开启实验。         如果您选择的是实验资源体验，资源创建过程需要3～5分钟（视资源不同开通时间有所差异，ACK等资源开通时间较长）。完成实验资源的创建后，在实验室页面左侧导航栏中，单击云产品资源列表，可查看本次实验资源相关信息（例如子用户名称、子用户密码、AK ID、AK Secret、资源中的项目名称等）。 说明：实验环境一旦开始创建则进入计时阶段，建议学员先基本了解实验具体的步骤、目的，真正开始做实验时再进行创建。     如果您选择的是开通免费试用，下方卡片会展示本实验支持的试用规格，可以选择你要试用的云产品资源进行开通。您在实验过程中，可以随时用右下角icon唤起试用卡片。 说明：试用云产品开通在您的个人账号下，并占用您的试用权益。如试用超出免费试用额度，可能会产生一定费用。 阿里云支持试用的产品列表、权益及具体规则说明请参考开发者试用中心。
	2. 实验场景说明 部署企业门户网站场景说明 本实验是为了帮助企业门户网站上云而设计，实验使用HTML完成网站前端页面的编辑和呈现，使用OSS完成网站静态页面的托管和视频图片等文件资源的托管；同时，企业门户网站需要针对不同的访问用户设置不同类型的访问权限，需要对重要数据进行落盘加密，加强数据安全；另外，网站还需要支持用户在线处理图片、支持对文件进行版本管理、支持全球访问传输加速等优化访问体验的功能。网站架构如下： 实验操作流程
	. 登陆ECS实例 本步骤将指导您如何使用Web Terminal远程连接ECS服务器。 在实验室页面右侧，单击图标，切换至Web Terminal。   说明：返回如下页面，表示您已经成功远程连接到ECS服务器。
	2. 部署企业门户网站 本步骤将指导您创建HTML，创建完成后，通过浏览器访问相应地址，可以访问到企业门户网站。 在ECS命令行界面，执行如下命令，在/alidata/www/default目录下创建新目录web。 说明：mkdir命令用于创建目录或子目录。 mkdir /alidata/www/default/web   执行命令，下载企业门户网站压缩包到/root目录。 说明：wget 是Linux系统用于从Web下载文件的命令行工具。wget加上需要下载文件的链接，即可完成文件的下载。 wget https://clouder-labfileapp.oss-cn-hangzhou.aliyuncs.com/OSS/web.tar.gz 说明：下载命令（①所示）执行完毕，通过执行ls命令，查看是否存在web.tar.gz文件（②所示）。 执行解压命令，解压企业门户网站。 说明：tar是Linux系统用于解压与压缩命令，解压参数中z表示配合解压.gz类型的压缩包，x表示解压缩，v表示显示解压缩详细信息，f表示被处理文件。 tar -zxvf web.tar.gz   说明：解压命令（①所示）执行完毕，通过执行ls命令，查看是否存在web文件夹（②所示）。 拷贝企业门户网站页面，到web目录。 说明：cd命令是用于进入指定的目录。 cd web 说明：cp命令是用于复制文件或目录的指令，-R参数表示递归处理。 cp -R * /alidata/www/default/web/ 说明：进入web目录（①所示）执行完毕，通过执行cp命令拷贝网站页面到目标目录（②所示），执行查看目标目录内容（③所示），返回结果包含assets目录和index.html文件（④所示）。 修改web目录权限 说明：chown命令用于改变某个文件或目录的所有者和所属的组。 chown -R www:www /alidata/www/default/web/   说明：修改web目录所有者和所属的组为www（①所示），执行验证web目录所有者和所属的组（②所示）命令，显示所有者和所属的组为www（③所示）
	3. 验证企业门户网站 验证企业门户网站时，需要使用到公网IP，您需要获取ECS实例的公网地址。   47.117.191.227 47.117.191.227/web     使用公共资源体验时获取方式： 您可以通过实验室左侧导航栏，点击云产品资源，通过ECS云服务器下方弹性IP或公网地址选项获取。 2. 在浏览器打开新页签，在地址栏输入http://<ECS公网地址>/web，访问企业门户网站。 说明：如下图所示，您会发现图片和视频区域无法正常显示，在后续实验中会通过静态资源托管完善门户网站。     上一页下一页
	1. 登陆OSS控制台 本步骤将指导您如何使用实验室页面远程桌面功能，登陆阿里云对象存储OSS控制台。 在实验室页面右侧，单击图标，切换至无影安全浏览器。       无影安全浏览器会自动打开阿里云RAM用户登录页面。 说明：浏览器如果未自动打开阿里云RAM用户登录页面，可通过浏览器手动输入RAM用户登录URL: https://signin.aliyun.com/login.htm#/main 通过子用户名称和子用户密码完成RAM用户登录。 说明：您可以通过实验室左侧导航栏，点击云产品资源，即可获取子用户名称和子用户密码。 说明：控制台会提示相关教程，可点击跳过教程，继续执行下一步。   在浏览器地址栏输入并访问“https://oss.console.aliyun.com/”，即可进入OSS管理控制台。 说明：如下图所示，代表您已经进入OSS管理控制台。     上一页下一页
	. 创建OSS Bucket 本步骤将指导您如何使用阿里云对象存储OSS控制台，在创建Bucket时设置读写权限（Bucket ACL）为公共读。 您可以通过OSS管理控制台，选择Bucket列表，点击创建Bucket按钮，进行Bucket的创建。 创建Bucket时，填入Bucket名称，选择正确的地域，其它参数使用默认值，点击确认完成Bucket的创建 说明：   Bucket名称：具有全局唯一性，填入Bucket时如遇“该 Bucket 已存在，或被其他用户占用”请更换Bucket名称。 地域：需要和ECS实例处于同一个地域。您可以通过实验室左侧导航栏，点击云产品资源，获取ECS地域信息。   读写权限：设置为公共读权限。如下图所示选择读写权限①为公共读，点击②继续修改，完成设置。 其它参数：使用默认值。     点击①“我知道了，确认创建”，并点击②“确定”，完成Bucket的创建。       上一页下一页
	3. 调整OSS Bucket ACL 本步骤将指导您如何使用阿里云对象存储OSS控制台，在创建Bucket后设置读写权限（Bucket ACL）为私有。 点击Bucke列表，单击您创建的Bucket，进入Bucket的功能页面。     点击权限控制菜单，选择读写权限，选择Bucket ACL为私有，点击保存完成权限的调整。       上一页下一页
	4. 设置OSS Object ACL 您需要创建pics和videos目录，用于存放企业门户网站的图片和视频资源。 本步骤将指导您如何使用阿里云对象存储OSS控制台，创建不同的目录，并在上传文件和文件上传后两种不同的场景中设置Object ACL。 创建门户网站资源托管目录 点击文件管理菜单，选择文件列表，点击新建目录。   输入目录名：pics，点击确定，完成目录创建。 同理，完成videos目录创建，可通过文件列表验证Bucket是否存在相关目录。     下载企业门户网站图片视频资源   下载企业门户网站图片和视频资源到本地。 1.1 使用Chromium Web Browser浏览器，点击＋号打开新的标签页。 1.2 复制企业门户网站图片下载链接，粘贴到浏览器新的标签页地址栏中，回车完成下载。 https://clouder-labfileapp.oss-cn-hangzhou.aliyuncs.com/OSS/%E5%9F%BA%E4%BA%8E%E5%AF%B9%E8%B1%A1%E5%AD%98%E5%82%A8OSS%E5%AE%9E%E7%8E%B0%E4%BC%81%E4%B8%9A%E9%97%A8%E6%88%B7%E7%BD%91%E7%AB%99%E6%89%98%E7%AE%A1/demo.jpg 说明：您可以在位置①粘贴企业门户网站图片下载链接，回车后在位置②可以看到下载完毕后的demo.jpg。 1.3 复制企业门户网站视频下载链接，粘贴到浏览器新的标签页地址栏中，回车完成下载。 https://clouder-labfileapp.oss-cn-hangzhou.aliyuncs.com/OSS/%E5%9F%BA%E4%BA%8E%E5%AF%B9%E8%B1%A1%E5%AD%98%E5%82%A8OSS%E5%AE%9E%E7%8E%B0%E4%BC%81%E4%B8%9A%E9%97%A8%E6%88%B7%E7%BD%91%E7%AB%99%E6%89%98%E7%AE%A1/demo.mp4 说明：您可以在位置①粘贴企业门户网站视频下载链接，回车后鼠标右键选择视频另存为（位置②）。 说明：在视频另存为对话框中其它选项默认即可，点击保存完成demo.mp4的下载。 说明：如下图所示，表示已完成demo.mp4的下载。 验证企业门户网站图片和视频资源下载后存放在本地的位置，后续步骤上传时需要选择图片和视频资源位置。 说明：点击左下方阿里云logo（位置①），选择系统工具（位置②），点击文件管理器PCManFM（位置③）打开文件管理器。 说明：如下图所示，点击下载（位置①）目录。表示企业门户网站所需的图片和视频资源（位置②）存放在本地下载目录。 上传时设置Object ACL 点击文件管理，选择文件列表，单击pics目录名称，进入pics目录。 点击上传文件，进入上传菜单。 确认当前目录是否为pics目录，文件ACL设置为私有，点击扫描文件，在对话框选择demo.jpg图片。 说明：在扫描文件对话框中，选择下载目录，选中demo.jpg，点击打开，进入扫描阶段。 当扫描文件状态为已扫描待上传，点击上传文件完成demo.jpg的上传。 说明：您可在任务列表中查看文件状态是否为上传成功。 重复1-4 步骤，上传企业门户网站视频资源demo.mp4到videos目录，在上传时设置demo.mp4文件ACL为私有。 上传后修改Object ACL 单击pics目录名称，进入pics目录。 点击需要设置权限demo.jpg右侧按钮，点击设置读写权限。 设置demo.jpg读写权限为公共读。点击确定完成设置。 重复1-3步骤，修改videos目录下demo.mp4读写权限为公共读。       上一页下一页
	. 企业门户文件托管 修改企业门户网站的图片和视频 由部署企业门户网站章节的步骤得知，门户网站由index.html文件编写呈现，我们需要通过修改html文件的方式来修改网站上的图片和视频文件。 在实验室页面右侧，点击图标切换至Web Terminal，进入ECS实例。 使用vim编辑门户网站主页index.html文件。 vim /alidata/www/default/web/index.html 说明：按下i键进入编辑模式，vim编辑器左下方看到--INSERT--字样，即表明已经进入编辑模式。 移动光标找到demo.jpg和demo.vedio，按del键删除demo.jpg和demo.vedio文字，如下图所示。 说明：如下图所示，url('')表示demo.jpg文字删除完毕。 说明：如下图所示，src=""表示demo.mp4文字删除完毕。   在实验室页面右侧，单击图标，切换至无影安全浏览器。进入OSS控制台，分别获取OSS Bucket中上传的demo.jpg图片和demo.vedio视频的URL，替换到上面的html文件中。 单击文件管理，选择文件列表，单击pics目录，找到demo.jpg文件。 单击demo.jpg文件右侧详情按钮，打开详情信息页面。 在详情页面，点击复制文件URL，复制demo.jpg URL信息。 在实验室页面右侧，点击图标切换至Web Terminal，将光标移动到url('')的冒号里面，将复制demo.jpg的URL信息，右键粘贴即可。 说明：如下图所示，已经完成本地demo.jpg的替换为存放在OSS Bucket上的demo.jpg。 同理，在OSS控制台bucket详情页面，单击文件管理，选择文件列表，单击video目录，找到demo.mp4文件。 单击demo.mp4文件右侧详情按钮，打开详情信息页面。 在详情页面，点击复制文件URL，复制demo.mp4 URL信息。 在实验室页面右侧，点击图标切换至Web Terminal，将光标移动到src=""的冒号里面，将复制的demo.mp4的URL信息，右键粘贴即可。 说明：如下图所示，已经完成本地demo.jpg的替换为存放在OSS Bucket上的demo.jpg。 修改完成后，按下Esc键，输入:wq后按下Enter键保存并退出。 说明：如下图所示，按下Esc键后，vim编辑器左下方--INSERT--字样消失。 说明：如下图所示，按下输入:wq后按下Enter键保存退出   验证企业门户网站静态资源托管 验证企业门户网站时，需要使用到公网IP，您需要获取ECS实例的公网地址。 使用公共资源体验时获取方式： 您可以通过实验室左侧导航栏，点击云产品资源，通过ECS云服务器下方弹性IP或公网地址选项获取。 2. 在浏览器打开新页签，在地址栏输入http://<ECS公网地址>/web，访问企业门户网站。 说明：如下图所示，表示企业门户网站完成静态资源托管。     上一页下一页
	2. 企业门户网站数据处理 图片处理 本步骤将指导您如何使用阿里云对象存储OSS控制台，创建图片处理样式规则，转换企业门户网站图片资源demo.jpg格式为demo.png。 在实验室页面右侧，单击图标，切换至无影安全浏览器。进入OSS控制台。 点击数据处理，单击图片处理菜单，单击新建样式，创建样式。 填入规则名称，格式转换设置为png，点击确定，完成样式创建。 说明：您可在样式管理中查看已经创建的规则名称。   单击文件管理，选择文件列表，单击pics目录，找到demo.jpg文件。 说明：右侧详情按钮 说明：选择图片样式为jpg_to_png，复制文件URL。     复制URL粘贴到浏览器，回车即可完成格式转换。     上一页下一页
	3. 企业门户网站静态资源数据安全 服务端加密 点击数据安全，选择服务器端加密菜单，找到设置按钮。   点击设置按钮，选择服务端加密方式为OSS完全托管，加密算法为AES256，点击保存完成服务端加密功能开启。   跨域设置 单击数据安全，选择跨域设置菜单，找到创建规则按钮。 单击创建规则，来源设置为ECS公网地址，允许Methods为Get。点击确定完成跨域设置。 说明：您可以通过实验室左侧导航栏，点击云产品资源，通过ECS云服务器下方弹性IP或公网IP选项获取ECS公网地址。 说明：填入来源，允许methods，点击确定，完成跨域设置规则创建。   防盗链 单击数据安全，选择防盗链菜单，找到防盗链按钮。     点击防盗链开启按钮，开启防盗链功能。 说明：您可以通过实验室左侧导航栏，点击云产品资源，通过ECS云服务器下方弹性IP或公网IP选项获取。 说明：设置Referer为http://ECS公网地址/，点击保存完成防盗链设置。   版本控制 登陆OSS控制台，点击Bucket列表选择Bucket。单击数据安全，找到版本控制开启按钮。   点击版本控制开启按钮，开启版本控制。   点击确定，完成版本控制开启。 文件管理菜单，点击文件列表，点击pics目录，点击上传文件功能，再次上传demo.jpg，并在上传时设置文件ACL为公共读（如下图①所示）。 点击历史版本显示菜单，即可查看生成的版本信息。       上一页下一页
	4. 企业门户网站传输加速 传输加速 单击Bucket配置，选择传输加速菜单，找到开启传输加速按钮。   点击开启传输加速，点击确定，完成传输加速功能的开启。   在实验室页面右侧，点击 图标切换至Web Terminal，进入ECS实例。   使用vim编辑门户网站主页index.html文件，替换demo.mp4域名为加速域名。 vim /alidata/www/default/web/index.html 说明：按下i键进入编辑模式，vim编辑器左下方看到--INSERT--字样，即表明已经进入编辑模式。 说明：移动光标至demo.mp4所在的行，按del键删除红框内的域名。 说明：删除域名后后如下图所示。   在实验室页面右侧，单击图标，切换至无影安全浏览器。点击Bucket配置展开菜单，点击传输加速，通过③复制传输加速访问域名。   在实验室页面右侧，点击 图标切换至Web Terminal，右键粘贴加速域名，开启demo.mp4视频传输加速。 说明：如下图所示，表示完成加速域名粘贴。 说明：如下图所示，按下Esc键后，vim编辑器左下方--INSERT--字样消失。 说明：如下图所示，按下输入:wq后按下Enter键保存退出   所有步骤设置结束后，在浏览器打开新页签，在地址栏输入http://<ECS公网地址>/web，访问企业门户网站。 说明：如下图所示，表示企业门户网站正常访问。       上一页下一页