当前位置:   article > 正文

阿里云-签名文件直传_阿里云oss小程序直传 获取签名

阿里云oss小程序直传 获取签名

服务端签名直传是指在服务端生成签名,将签名返回给客户端,然后客户端使用签名上传文件到OSS。由于服务端签名直传无需将访问密钥暴露在前端页面,相比客户端签名直传具有更高的安全性。本文介绍如何进行服务端签名直传。

1.首先添加配置在发送请求的服务导入依赖。

<!--        阿里云springcloud 上传依赖包-->
<dependency>
    <groupId>com.alibaba.cloud</groupId>
    <artifactId>spring-cloud-starter-alicloud-oss</artifactId>
    <version>2.2.0.RELEASE</version>
</dependency>

2. 在配置文件application.yml或bootstrap.yml文件添加一些密钥,bucket ,endpoint等信息。前缀是:spring.cloud.alicloud.等等。 然后使用@Value("${spring.cloud.alicloud.oss.endpoint}"),@Value("${spring.cloud.alicloud.access-key}")来获取配置信息

3.发送签名的核心代码 我们引进了spring-cloud-starter-alicloud-oss 依赖包 可以使用

private OSS ossClient; 加注解@Autowired 导出bean容器使用。签名的核心代码-接收请求,由前端或者说客户端发送get请求会获取到一些签名信息,将签名信息返回给客户端,然后客户端使用签名上传到文件(其实是客户端又发送了一个post请求)。客户端发送的这个post请求就是签名上传 保存到文件到阿里云。模拟客户端发送请求

模拟客户端发送get请求:

4. 1还有一步很重要,如果vue是在vscode上运行使用gateway网关路由到指定服务,那么gateway网关服务的application.yml也要添加配置信息否则启动会失败。

4.2 如果客户端发送get 获取签名的请求后没有反应,查看console日志 出现跨域限制问题,请求为post。不要慌!,打开阿里云进入到bucket列表找到在代码中添加的bucket名称点进去左侧栏数据安全 点进去后有个跨域设置,再点进去。点击创建规则勾选post 将来源域及请求头输入为*表示任意来源任意请求头都可以

这是服务端签名直传文件,客户端上传发送请求 服务端将请求返回给客户端 客户端用签名信息直接发送post请求到阿里云上传。  以上是后端代码,签名上传还需要前端代码写好 前端不是很熟悉 不过多赘述了  前端附图一张

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/703013
推荐阅读
相关标签
  

闽ICP备14008679号