在线编辑、预览、基于wps web office，v3版 强势来袭（已适配solon） ...

说明

• v1 版本已经不再更新了，官方也只是提供以前申请下来的账号能继续利用，新申请，需要用到v3了
  
• v3 版本sdk参考 wps-weboffice-sdk-v3, 内里有很详细的注释
  
• v3 集成方法，后端请参考wps-weboffice-v3-demo, 实现你需要对接的接口即可
  
• 利用v3的大条件是，你申请了开发账号，并且申请下来了appid，–web-office官网–
  

其实v3版本已经是小半年了，但是呢，着实看不下去官方的那个sdk，所以，自己就接着弄吧，固然也没有多少工作量，主要是让用的人能快速接入~~~
基于官方最新sdk-v3 ------------ V3开发文档官网
基于官方的sdk,做了大量优化,增加了最为详细的注释,并推送到maven,方便大家利用

---

sdk地点 https://gitee.com/mose-x/wps-weboffice-sdk-v3

---

引入maven

1. <dependency>
2.   <groupId>cn.ljserver.tool</groupId>
3.   <artifactId>web-office-v3</artifactId>
4.   <version>3.1.1</version>
5. </dependency>

复制代码

基于此sdk的实现,也给你demo以及简单的html页面

---

demo地点 https://gitee.com/mose-x/wps-weboffice-v3

---

号外

web office 已经适配 国产框架 solon，想体验的去试试，大概试试这个solon demo，相关说明

---

sdk地点 https://gitee.com/mose-x/wps-weboffice-sdk-v3-solon

---

引入maven

1. <dependency>
2.   <groupId>cn.ljserver.tool</groupId>
3.   <artifactId>web-office-v3-solon-plugin</artifactId>
4.   <version>1.0.0</version>
5. </dependency>

复制代码

基于此sdk的实现,也给你demo以及简单的html页面

---

demo地点 https://gitee.com/mose-x/wps-weboffice-v3-solon-demo

---

---

go sdk
项目地点 : (https://gitee.com/mose-x/weboffice)
利用:
go get github.com/mose-x/weboffice

---

– 接着说 –

---

效果呢,和v1版本的大差不差,只是接入方式完全变革了
利用sdk接入,反倒更加简单了,需要接入的,多看看demo内里的注释,以及sdk的注释
比如文件预览，引入maven后，你只需实现PreviewService 内里的接口即可

1. /**
2. * 文件预览服务必要的接口实现
3. * <br>
4. * <a href="https://solution.wps.cn/docs/callback/preview.html">-详见官方文档-</a>
5. */
6. @Service
7. public class PreviewServiceImpl implements PreviewService {
8.     @Autowired
9.     private UserService userService;
10.     @Autowired
11.     private FileService fileService;
13.     /**
14.      * 获取文件信息
15.      *
16.      * @param fileId 文件id <br>
17.      *               <a href="https://solution.wps.cn/docs/callback/preview.html#获取文件信息">-详见官方文档-</a>
18.      */
19.     @Override
20.     public FileInfo fetchFileInfo(String fileId) {
21.         // 解释说明下，这里在实际的设计中，需要将 文件信息 表 和历史文件版本表分开放
22.         // 这里是通过文件id，获取到当前文件最新一个版本的文件信息，并返回
23.         // 这里为了方便，所以设计成了一张表
24.         return fileService.fetchFile(fileId).toFileInfo();
25.     }
27.     /**
28.      * 获取文件下载地址
29.      *
30.      * @param fileId 文件id <br>
31.      *               <a href="https://solution.wps.cn/docs/callback/preview.html#获取文件下载地址">-详见官方文档-</a>
32.      */
33.     @Override
34.     public DownloadInfo fetchDownloadInfo(String fileId) {
35.         // 解释说明下，这里在实际的设计中，需要将 文件信息 表 和历史文件版本表分开放
36.         // 然后这里就会获取最后一个版本的文件并返回
37.         // 这里为了方便，所以设计成了一张表
38.         return Optional.ofNullable(fileId)
39.                 .map(fileService::findById)
40.                 .map(Collection::stream)
41.                 .flatMap(s -> s.max(Comparator.comparingInt(f -> f.getId().getVersion())))
42.                 .map(f -> DownloadInfo.builder()
43.                         .url(f.getUrl())
44.                         .build())
45.                 .orElseThrow(FileNotExist::new);
46.     }
48.     /**
49.      * 获取用户文件权限
50.      *
51.      * @param fileId 文件id <br>
52.      *               <a href="https://solution.wps.cn/docs/callback/preview.html#文档用户权限">-详见官方文档-</a>
53.      */
54.     @Override
55.     public UserPermission fetchUserPermission(String fileId) {
56.         // 解释说明下，这里在实际的设计中，需要将 文件信息 表 和 用户权限 表 分开放
57.         // 这里为了方便，并没有设计表，返回了所有权限到前端
58.         // check file exists
59.         fileService.fetchFile(fileId);
60.         // 获取user信息，这个方法点进去看看把！！！
61.         User user = userService.fetchUserByToken();
62.         // 构建user对应的文件权限
63.         return UserPermission.builder()
64.                 .userId(String.valueOf(user.getId()))
65.                 .read(true)
66.                 .update(true)
67.                 .rename(true)
68.                 .download(true)
69.                 .copy(true)
70.                 .comment(true)
71.                 .history(true)
72.                 .build();
73.     }
74. }

复制代码

文档编辑，单阶段生存，嗯，很简单，如下

1. /**
2. * 单阶段文件保存接口
3. * <p>
4. * <a href="https://solution.wps.cn/docs/callback/save.html#%E5%8D%95%E9%98%B6%E6%AE%B5%E6%8F%90%E4%BA%A4">详见wps web office官网</a>
5. */
6. @Service
7. public class SinglePhaseFileStorageServiceImpl implements SinglePhaseFileStorageService {
8.     @Autowired
9.     private UserService userService;
10.     @Autowired
11.     private FileService fileService;
13.     /**
14.      * 上传文件
15.      *
16.      * @param request 上传文件请求
17.      * @return 文件信息
18.      * <p>
19.      * <a href="https://solution.wps.cn/docs/callback/save.html#%E5%8D%95%E9%98%B6%E6%AE%B5%E6%8F%90%E4%BA%A4">详见wps web office官网</a>
20.      */
21.     @Override
22.     public FileInfo uploadFile(FileUploadSinglePhase.Request request) {
23.         // 获取用户信息 -> 这个方法点进去看看 ？？！！
24.         final User user = userService.fetchUserByToken();
26.         // 保存文件信息
27.         final File file = Optional.of(request)
28.                 .map(r -> fileService.fetchFile(request.getFileId()))
29.                 .map(f -> File.builder()
30.                         .id(f.getId().copyForNewVersion())
31.                         .creator(f.getCreator())
32.                         .createTime(f.getCreateTime())
33.                         .modifyTime(LocalDateTime.now())
34.                         .modifier(user)
35.                         .name(request.getName())
36.                         .size(request.getSize())
38.                         // 上传文件获取到URL
39.                         // --------------------------------
40.                         // 这里不应该直接保存URL，而是不带domain的uri方便后续迁移等等
41.                         // 为了方便，就这么弄了
42.                         // --------------------------------
44.                         .url(QnFileService.upload(request.getFile()))
45.                         .build())
46.                 .map(f -> fileService.repository().save(f))
47.                 .orElseThrow(FileNotExist::new);
49.         // 返回文件信息
50.         return file.toFileInfo();
51.     }
52. }

复制代码

---

这里说明下，单阶段生存，和三阶段生存

• 单阶段，即直接生存，没有那么多花里胡哨的
  
• 三阶段生存
  
  
  
  • 先获取自界说的加密算法
    
  • 获取到自界说的文件上传接口，同时将文件元信息给到你
    
  • 当wps背景上传完文件后（通过步调2上传），再调用你的上传完成接口，作为回调，告诉你上传完成的信息
    
  
  

---

---

但是
⛔开发者请留意
由于生存接口的升级，单阶段提交将于2024年9月1日起制止新的接入
正在利用单阶段提交的开发者，您仍可继续利用，不受此次升级影响
正在对接单阶段提交的开发者，请留意对接截止时间，保举您对接三阶段生存接口
若关闭单阶段提交代口，则该接口不能被再次开启

---

---

此次先给到java的sdk，java-demo以及最简单的html页面来让大家快速对接，如果确实有需要的话，后续我再把官网前端那些对接的，弄个vue的项目，供大家参考，反正闲着也是闲着。。。

---

嗯，别忘了给v3项目小星星哦！

---

V3现实效果

和v1效果差不多，只是v3现在有自带的水印

---

docx 在线预览/编辑

---

pptx 在线预览/编辑

---

xlsx 在线预览/编辑

---

pdf 在线预览/编辑

---

---

---

---

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。