Guli商城商品服务品牌管理模块与OSS服务端签名获取的整合实现（续）

在上一部分的讨论中，我们介绍了Guli商城商品服务中品牌管理的基础功能，并初步探讨了与阿里云对象存储服务（OSS）集成的必要性。本文将继续深入，详细阐述如何通过服务端签名方式实现品牌Logo图片的安全上传，并完成前后端在品牌管理中的协同流程。

一、服务端签名获取的必要性与安全考量

在前端直接上传文件至OSS时，若将访问密钥硬编码在前端代码中，会带来极大的安全风险。因此，最佳实践是采用“服务端签名后，前端直传”的模式。该模式流程如下：

前端请求：当用户在品牌管理界面选择Logo图片后，前端向Guli商城的商品服务后端发起请求，申请一个用于上传到OSS的临时凭证（签名）。
后端生成签名：商品服务后端根据配置的OSS访问密钥（妥善保管在服务端），生成一个具有临时有效性和严格权限限制的上传策略和签名。
前端直传OSS：前端获得签名后，直接使用该签名将图片文件上传至OSS的指定存储空间（Bucket），完全绕过应用服务器，减轻其带宽和负载压力。
保存数据：上传成功后，OSS会返回文件的访问URL。前端将此URL作为logo字段的值，与品牌名称、首字母等其他信息一并提交给商品服务的品牌管理API，完成品牌记录的创建或更新。

二、商品服务后端：签名接口实现

在品牌管理相关的控制器（如 OssController）中，我们需要提供一个生成签名的API端点。

关键代码逻辑（示例为Spring Boot框架）：

1. 配置OSS客户端：通过@Value注入阿里云OSS的Endpoint、AccessKeyId、AccessKeySecret和BucketName。
2. 创建签名接口：
`java
@GetMapping("/policy")
public R policy() {
// 1. 设置签名过期时间（例如1小时）
long expireTime = 3600;
long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
Date expiration = new Date(expireEndTime);

// 2. 设置上传策略：限制文件大小、前缀、成功后的返回状态码等
PolicyConditions policyConds = new PolicyConditions();
policyConds.addConditionItem(PolicyConditions.CONDCONTENTLENGTHRANGE, 0, 10485760); // 限制10MB
policyConds.addConditionItem(PolicyConditions.CONDKEY, PolicyConditions.STARTSWITH, "guli-mall/brand/"); // 指定目录

// 3. 生成PostPolicy和签名
String postPolicy = ossClient.generatePostPolicy(expiration, policyConds);
byte[] binaryData = postPolicy.getBytes(StandardCharsets.UTF8);
String encodedPolicy = BinaryUtil.toBase64String(binaryData);
String postSignature = ossClient.calculatePostSignature(postPolicy);

// 4. 构建返回给前端的JSON数据
Map respMap = new LinkedHashMap<>();
respMap.put("accessid", accessId);
respMap.put("policy", encodedPolicy);
respMap.put("signature", postSignature);
respMap.put("dir", "guli-mall/brand/"); // 前端上传时需要指定的目录
respMap.put("host", "https://" + bucketName + "." + endpoint); // OSS上传地址
respMap.put("expire", String.valueOf(expireEndTime / 1000)); // 过期时间戳（秒）

return R.ok().data(respMap);
}
`

### 三、前端（Vue/Element-UI）：整合上传流程

在前端品牌管理表单中，整合OSS直传功能。

关键步骤：

选择文件时触发：当用户点击上传Logo组件时，首先调用后端的/product/oss/policy接口获取上传凭证。
使用凭证直传：获得凭证后，使用如axios等工具，构造一个FormData，将文件、凭证（policy, signature, OSSAccessKeyId等）一并提交到OSS的host地址。
处理回调：上传成功（OSS返回200状态码）后，从响应中或根据拼接规则（host + dir + 文件名）获取Logo的完整URL，并将其赋值给表单模型的brand.logo字段。
提交品牌信息：用户填写完其他品牌信息后，点击表单提交按钮。前端将包含logo URL的品牌对象通过品牌管理API（如POST /product/brand/save）提交给后端，持久化到数据库。