OSSJavaScript客户端是怎样的
OSS JavaScript客户端是怎样的,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
创新互联是专业的平凉网站建设公司,平凉接单;提供网站设计制作、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行平凉网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
使用 OSS 上传到文件服务器做文件存储,还是一样通过 客户端直传,服务端只需要做一个签名的加密,这样子既可以做到安全性,又降低了服务端的压力:
OSS 客户daunt直传官方文档
大致的实现流程可以看下,签名对于我的理解是防止 篡改性,保证安全性
这上面的流程大家看下,应该就懂了,就是签名,上传,然后接收回调信息,然后告诉客户端成功了,这样子就是一个上传成功的实现。
这里是服务端的签名,大家根据自己的语言选择下载,我这边是以java为主,
如果不懂,文件存储等一些桶的配置,跨域的可以看看官方的文档
OSS 配置文档这里描述了这么去设置OSS的一些配置
设置好了之后我们来看看官方给的代码吧,我们需要设置一些什么呢:
bucketName: myxxxxxxxxxxxxx1 accessKey: LTAxxxxxxxxxxxxx1 secretKey: 46MxxxxxxxxxxxxxOe4yU region: oss-cn-beijing.aliyuncs.com dir: xxxxxxxxxxxxx/
bucketName就是Bucket的名称,region就是区域,dir就是目录了
我这里已经把代码都整理好了,需要的自取:
https://github.com/qurenneng/CloudObjectWeb-java,可以点个start哦
下载下来后,依赖都已经弄好了可以直接跑起来,然后访问 http://localhost:8084/index.html,这里要注意跨域一定要设置好,而且,OSS有一个问题,就是上传成功后回调,所以这里必须要放在云服务器上面才能进行测试,因为要接受OSS发送过来的回调参数,所以测试只能在服务器上面进行测试,需要的可以看 https://www.aliyun.com/activity?userCode=ooxl1zly
接下来我们看看代码吧:
CommonApiController:
/** 阿里云 oss web直传
* 验证签名:
* @return
*/
@GetMapping("/callbackSign")
public Map
OssStsAuth ossStsAuth= new OssStsAuth();
Map
return sign;
}
/**
* 阿里云 oss 回调进行回调:
* @return
*/
@RequestMapping("/callbackUrl")
public void callbackUrl(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
OssStsAuth ossStsAuth= new OssStsAuth();
String ossCallbackBody = ossStsAuth.GetPostBody(request.getInputStream(),
Integer.parseInt(request.getHeader("content-length")));
boolean b = ossStsAuth.VerifyOSSCallbackRequest(request, ossCallbackBody);
if(b){
ossStsAuth.response(request, response, "{\"Status\":\"OK\"}", HttpServletResponse.SC_OK);
}else{
ossStsAuth.response(request, response, "{\"Status\":\"verdify not ok\"}", HttpServletResponse.SC_BAD_REQUEST);
}
}
上面就是客户端上传的控制层,下面的接口是用户接受OSS回调的接口
OssStsAuth:
public Map
String accessId = cosProperties.getAccessKey(); // 请填写您的AccessKeyId。
String accessKey = cosProperties.getSecretKey(); // 请填写您的AccessKeySecret。
String endpoint = cosProperties.getRegion(); // 请填写您的 endpoint。
String bucket = cosProperties.getBucketName(); // 请填写您的 bucketname 。
String host = "http://"> // callbackUrl为 上传回调服务器的URL,请将下面的IP和Port配置为您自己的真实信息。
String callbackUrl = "http://ip:8084/callbackUrl";
String dir = cosProperties.getDir(); // 用户上传文件时指定的前缀。
Map
OSSClient client = new OSSClient(endpoint, accessId, accessKey);
try {
long expireTime = 1000; //官方默认是 30秒 这里会出现 缓存的问题 解决 验证签名时会出现问题
long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
Date expiration = new Date(expireEndTime);
PolicyConditions policyConds = new PolicyConditions();
policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);
policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);
String postPolicy = client.generatePostPolicy(expiration, policyConds);
byte[] binaryData = postPolicy.getBytes("utf-8");
String encodedPolicy = BinaryUtil.toBase64String(binaryData);
String postSignature = client.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));
JSONObject jasonCallback = new JSONObject();
jasonCallback.put("callbackUrl", callbackUrl);
jasonCallback.put("callbackBody",
"filename=${object}&size=${size}&mimeType=${mimeType}&height=${imageInfo.height}&width=${imageInfo.width}");
jasonCallback.put("callbackBodyType", "application/x-www-form-urlencoded");
String base64CallbackBody = BinaryUtil.toBase64String(jasonCallback.toString().getBytes());
respMap.put("callback", base64CallbackBody);
return respMap;
} catch (Exception e) {
System.out.println(e.getMessage());
}
return respMap;
}
需要配置的参数都设置在application.yml文件中,
ossProperties:这个配置中,大家运行起来后直接访问上传就好了,配置等设置一定要弄好,有问题就下方评论吧
关于OSS JavaScript客户端是怎样的问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。
当前题目:OSSJavaScript客户端是怎样的
当前地址:http://scyanting.com/article/gehgds.html