谷粒商城day46 -商品服务-API-品牌管理-OSS获取服务端签名+OSS前后联调测试上传

流程如下

具体方法参考如下

https://help.aliyun.com/document_detail/91868.html?spm=a2c4g.11186623.2.15.48f66e284g8eCn#concept-ahk-rfz-2fb

1.获取签名

thirdparty服务内编写如下controller,有根据上面的API里的方法进行修改

把几个需要的属性通过@Value获取到了,然后删除了跨域的处理

package com.atguigu.gulimall.thirdparty.controller;

import com.aliyun.oss.OSS;
import com.aliyun.oss.common.utils.BinaryUtil;
import com.aliyun.oss.model.MatchMode;
import com.aliyun.oss.model.PolicyConditions;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.LinkedHashMap;
import java.util.Map;

/**
 * @author rengang
 * @version 1.0
 * @date 2020/10/15 16:01
 */
@RestController
public class OssController {

    @Autowired
    public OSS ossClient;

    @Value("${spring.cloud.alicloud.access-key}")
    public String accessId;
    @Value("${spring.cloud.alicloud.secret-key}")
    public String accessKey;
    @Value("${spring.cloud.alicloud.oss.endpoint}")
    public String endpoint;
    @Value("${spring.cloud.alicloud.oss.bucket}")
    public String bucket;


    @RequestMapping("/oss/policy")
    public Map<String, String> poliy(){
        String host = "https://" + bucket + "." + endpoint; // host的格式为 bucketname.endpoint
        // callbackUrl为 上传回调服务器的URL,请将下面的IP和Port配置为您自己的真实信息。
        String dataStr = new SimpleDateFormat("yyyy-MM-dd").format(new Date());
        String dir = dataStr + "/"; // 用户上传文件时指定的前缀。

        Map<String, String> respMap = new LinkedHashMap<String, String>();
        try {
            // 创建OSSClient实例。
            long expireTime = 30;
            long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
            Date expiration = new Date(expireEndTime);
            // PostObject请求最大可支持的文件大小为5 GB,即CONTENT_LENGTH_RANGE为5*1024*1024*1024。
            PolicyConditions policyConds = new PolicyConditions();
            policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);
            policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);

            String postPolicy = ossClient.generatePostPolicy(expiration, policyConds);
            byte[] binaryData = postPolicy.getBytes("utf-8");
            String encodedPolicy = BinaryUtil.toBase64String(binaryData);
            String postSignature = ossClient.calculatePostSignature(postPolicy);

            respMap.put("accessid", accessId);
            respMap.put("policy", encodedPolicy);
            respMap.put("signature", postSignature);
            respMap.put("dir", dir);
            respMap.put("host", host);
            respMap.put("expire", String.valueOf(expireEndTime / 1000));
            // respMap.put("expire", formatISO8601Date(expiration));
        } catch (Exception e) {
            // Assert.fail(e.getMessage());
            System.out.println(e.getMessage());
        } finally {
            ossClient.shutdown();
        }
        return respMap;
//        return R.ok().put("data",respMap);
    }
}

2.修改网关路由

网关内我们之前就加了跨域的配置类,后面还会加别的东西,所以所有服务调用都经过网关

3.浏览器访问测试成功获取签名

 4.拷贝上传组件

拷到component文件夹下

 5.引入组件

6.修改文件存放路径

去掉 '/'  因为  oss在创建文件夹的时候会自动在文件夹名后加 /,第一次就是因为没注意到这点失败了

 7.跨域权限设置

因为从前端到OSS是跨域,这里没有经过我们的应用服务器,所以要添加跨域设置

点击权限管理就可以看到,设置成如下

 8.添加上传组件

把原本的输入框改为 上传组件 el-upload上传的目标地址记得要改,是http://bucket+endpoint

9.新增界面测试上传成功

可以看到文件上传成功了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我才是真的封不觉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值