盘古低代码

文件预览 ​

文件预览服务域名 ​

环境域名
线下（非生产）kkfile-pangea3-dev.clouddev.hisense.com
线上(生产)kkfile-pangea3-prod.clouddev.hisense.com

文件预览总体流程 ​

kkfile预览时序图

预览配置步骤 ​

1、前端对存储地址编码 ​

使用btoa(unescape(encodeURIComponent(文件访问全路径)))对文件访问全路径进行编码。
示例：window.location.origin + /pangeakkfile/onlinePreview?url= + btoa(unescape(encodeURIComponent(文件访问全路径))) 若通过S3存储文件，文件访问全路径类似：window.location.origin + /minio + 对象存储相对文件路径

2、添加kkfile的nginx配置 ​

nginx
location /pangeakkfile/ {
   #开发、测试、预发使用上面表格中线下（非生产）环境域名，生产使用线上环境域名
   #协议固定为http，请注意文件预览服务域名后需要跟“/”,
   proxy_pass http://#{文件预览服务域名}/;
   proxy_set_header Host #{文件预览服务域名};
   proxy_set_header X-Real-IP $remote_addr;  
   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   proxy_set_header Accept-Encoding "";
}

线下环境配置示例：

nginx
location /pangeakkfile/ {
   proxy_pass http://kkfile-pangea3-dev.clouddev.hisense.com/;
   proxy_set_header Host kkfile-pangea3-dev.clouddev.hisense.com;
   proxy_set_header X-Real-IP $remote_addr;  
   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   proxy_set_header Accept-Encoding "";
}