使用OBS上传文件

操作场景

网站后台对于上传的文件大小和格式存在如下限制，在实际使用中若无法满足需求（比如上传大于1MB的图片，或者html格式的文件），而使用OBS上传文件恰好解决了此问题。

• 图片（入门版和标准版）：jpg（1MB以内）、jpeg（1MB以内）、gif（1MB以内）、png（1MB以内）、webp（1MB以内）、ico（100KB以内）
• 图片（营销版及以上版本）：jpg（3MB以内）、jpeg（3MB以内）、gif（3MB以内）、png（3MB以内）、webp（3MB以内）、ico（100KB以内）
• 音频：mp3（10MB以内）
• Flash：swf（10MB以内）
• 文档：doc、docx、xls、xlsx、ppt、pptx、odt、pdf、rar，大小都在10MB以内

OBS使用原理：在企业门户配置OBS，配置成功后，通过企业门户对OBS桶进行管理操作（比如上传文件、删除文件和获取文件链接等）。当文件因为大小或格式限制无法上传到网站后台时，您可以将文件上传至已配置的OBS桶，在网站中通过OBS链接使用文件。

在OBS桶中上传的文件大小和格式以OBS服务的限制为准。

前提条件

使用OBS上传文件，企业门户通过获取OBS链接从而使用文件，此时请确保OBS服务所属的华为帐号有足够余额可以正常使用OBS，或者已经购买足够的OBS资源包，否则企业门户将无法加载上传至OBS的文件。OBS服务的价格，请参考计费说明。

例如：企业门户已经使用上传至OBS桶的图片A，一个月后，OBS服务所属的华为帐号余额不足，此时，企业门户将无法加载图片A。

操作流程

首次使用OBS上传文件的操作步骤如下：

1. 在OBS服务中创建OBS桶
2. 获取AK/SK
3. 在站点编辑中配置OBS
4. 上传文件

再次使用时，直接上传文件即可，无需执行前三步。

步骤一：在OBS服务中创建OBS桶

1. 登录OBS控制台。
2. 在右上角单击“创建桶”。
   图1 OBS控制台
   
3. 在“创建桶”界面，配置桶的参数，其中“桶策略”选择“公共读”，其他参数的配置请参考创建桶。
   

   设置“桶名称”时，建议不要包含“.”，例如ysjz.com，浏览器在解析包含“.”的桶名称时，容易将其解析为多级域名，从而导致异常。

   图2 创建桶
   
4. 单击“立即创建”，完成OBS桶的创建。

   创建完成后，在“对象存储”界面查看新创建的桶。

   图3 已创建的桶
   

步骤二：获取AK/SK

1. 在OBS控制台上，单击用户名，在下拉框中选择“我的凭证”。
   图4 OBS控制台
   
2. 在“访问密钥”界面，单击“新增访问密钥”。
   图5 新增访问密钥
   
3. 在“新增访问密钥”对话框中，输入短信验证码，单击“确定”，生成并下载访问密钥。

   在系统自动下载的“credentials.csv”中，您可以获取AK/SK（Access Key Id/Secret Access Key）。

   

   每个用户最多可创建2个访问密钥，每个访问密钥权限相同，相互独立，包括一对AK/SK，有效期为永久，每个访问密钥仅能下载一次。为了帐号安全性，建议您妥善保管并定期修改访问密钥，修改访问密钥的方法为删除旧访问密钥，然后重新生成。

步骤三：在站点编辑中配置OBS

1. 登录企业门户控制台，单击“网站设计”，进入管理后台界面。
2. 单击“站点编辑”，进入站点编辑界面。
3. 单击“文件”，在弹出的“我的文件”对话框中，单击“华为云OBS”。
   图6 我的文件
   
4. 在“OBS配置”页签，输入如下参数。
   • Access Key Id和Secret Access Key：输入步骤二中获取的AK和SK。
   • 存储区域和桶名称：输入步骤一中设置的“区域”和“桶名称”。
   图7 OBS配置
   
5. 单击“检测配置”，提示“参数检测正常，请点击保存，以保存配置项”时，单击“保存”，完成企业门户中OBS的配置。

步骤四：上传文件

您可以通过如下2种方式上传文件：

• 在OBS控制台上传文件，支持上传批量文件和单个文件
• 在企业门户的站点编辑中上传文件，只支持上传单个文件

• 批量上传方式每次最多支持100个文件同时上传，总大小不超过5GB。可以同时上传同一种格式的文件，也可以同时上传不同格式的文件。
• 单个上传方式每次只能上传1个文件，大小不超过50MB。

在OBS控制台上传文件

1. 登录OBS控制台，单击步骤一中创建的桶名称，进入“概览”界面。
2. 在“对象”页签中，单击“上传对象”。
   图8 对象
   
3. 在“上传对象”对话框中，关闭“当前桶开启了访问策略。如果访问策略允许公共读或公共写，上传的对象可能存在数据安全风险”的提示，根据实际需求上传文件。
   图9 上传对象
   
4. 登录企业门户控制台，单击“网站设计”，进入管理后台界面。
5. 单击“站点编辑”，进入站点编辑界面。
6. 单击“文件”，在弹出的“我的文件”对话框中，单击“华为云OBS”。
   图10 我的文件
   
7. 在“我的文件”页签，单击“同步”，将OBS控制台上传的文件同步到企业门户。
   图11 同步文件
   

在企业门户的站点编辑中上传文件

1. 登录企业门户控制台，单击“网站设计”，进入管理后台界面。
2. 单击“站点编辑”，进入站点编辑界面。
3. 单击“文件”，在弹出的“我的文件”对话框中，单击“华为云OBS”。
   图12 我的文件
   
4. 在“我的文件”页签，单击“本地上传”，上传您需要的文件。
   图13 本地上传
   

企业门户使用OBS文件示例

本示例以增加按钮插件的MP3音频文件链接为例介绍。

前提条件为：MP3音频文件已经上传至OBS桶，且在企业门户中已完成OBS配置。

1. 登录企业门户控制台，单击“网站设计”，进入管理后台界面。
2. 单击“站点编辑”，进入站点编辑界面。
3. 在左侧导航栏单击“插件”，弹出“我的插件”对话框，将“按钮”插件拖拽至页面空白处。
   图14 我的插件
   
4. 选中按钮插件，单击“设置”，弹出“自定义按钮样式”对话框。在“链接到”中选择“设置链接”，弹出“链接到”对话框。在“文件”页签，单击“选择文件”。
   图15 按钮设置
   
5. 在弹出的“我的文件”对话框中，单击“华为云OBS”。
   图16 我的文件
   
6. 在“我的文件”页签，将鼠标放置到需要链接的MP3音频文件上，当出现“选择文件”时，单击鼠标左键。
   图17 选择MP3音频文件
   
7. 在“链接到”对话框中，确认选择的文件无误，单击“确定”。在“自定义按钮样式”对话框中，单击。

   完成MP3音频文件链接的增加后，您可以在预览网站中查看效果。

   图18 确认文件无误
   
   

   预览MP3音频文件时，有的浏览器支持直接打开，有的浏览器不支持。当浏览器不支持直接打开时，您可以下载文件到本地预览。