实战应用WPS WebOffice开放平台服务

概述

根据公司的业务需要,主要功能是在线编辑文档,前端的小伙伴进行的技术调研,接入的是WPS WebOffice,这里只阐述技术介入的步骤、流程和遇到的坑进行的一些总结。

实践
WPS WebOffice 开放平台进行认证

在开始之前,需要在WPS WebOffice 开放平台进行注册和认证,添加应用,申请成功后如下图所示:

在这里插入图片描述

开发和接入

在开始编写代码之前,有三个关键概念要提前了解 webClient(前端客户端)、 WpsServers(Wps服务)、CrmServers(服务端),请求流程: 前端客户端请求Wps服务,Wps服务请求服务端,进行通知、回调操作。

具体实现,图中左侧是我们具体业务逻辑,右侧是Wps服务请求我们的服务端:

在这里插入图片描述

1.配置路由:WPS WebOffice

开放平台url都是官方定义好的,用路径拼接好的,服务端需要定义一个全局${file_id}来进行通信,强烈推荐在服务端配置自定义

WebOffice是一款由北京点聚信息技术有限公司提供的完全免费(商业用途也免费)且功能强大的在线Word/excel/wps编辑辅助控件,可以实现: 1.在线编辑Word、Excel、PPT、WPS... ... 2.全面支持MS Office的界面定制,包括对于Office2007的全面支持 3.修订留痕 4.限制打印、保存、复制 5.直接保存到服务器,支持标准Http Post协议 6.强大的书签管理 7.套红、文档保护 8.模板管理 9.其他功能扩展 10.提供开发论坛http://www.dianju.cn/forum/,在其中提供软件更新及问题回答服务 本控件不同于其它同类软件,不是基于微软的开放源码DsoFramer,也不基于OLE,可以解决DsoFramer及其派生产品的一些稳定性问题 本控件不同于其它同类收费软件,本控件完全免费和界面完全可控制。 点聚会定期更新本控件,并解答论坛上的询问,免费不代表免服务,每一个使用者都能得到及时服务。 安装包内包含: 1.WebOffice安装包(仅包含WebOffice控件) 2.WebOffice接口SDK 3.WebOffice网页接口调用例子 4.DES手写及签章系统(Office签章系统)试用版。 5.演示章及证书 6.点聚产品白皮书 WebOffice组件可以无缝集成点聚公司的电子签章和手写审批类产品。 点聚信息(http://www.dianju.com.cn)是国内专业的安全和文档中间件软件制造商。公司注重自主知识产权产品的研发,始终坚持技术为本、服务为先的原则,在电子印章、手写签批、安全版式文档和电子表单等领域处于国内领先水平。 点聚自主研发的版式文件系统独创性的将整个系统缩小为1M大小的组件,并在多项重要技术指标上领先PDF和其它版式格式。 点聚支持全系列手写及签章解决方案,可同时提供Office签章系统(Word/Excel/Wps)、网页签章系统、版式签章系统. 点聚是国内唯一一家同时拥有国密和军密资质的电子印章及安全文档产品提供商(国密、军密、公安部销售许可)。
WPS Web Office SDK允许你在Web应用中集成Microsoft Office文档(如Word、Excel和PowerPoint)的功能,包括附件预览。通过这个SDK,你可以将用户上传的文档转换成WPS格式,并在浏览器环境中提供预览功能,让用户无需下载就能查看文件内容。 具体步骤通常包括: 1. **加载库**: 首先需要在你的网页上引入WPS Web Office SDK的JavaScript库。 2. **初始化**: 注册并初始化WPS Web API实例,设置所需的路径和权限。 ```javascript let office = new WPS.WebApi(); office.init('your_wps_server_url', 'your_app_key'); ``` 3. **处理文件**: 当用户选择一个附件时,读取文件内容并调用`office.loadFile()`函数进行转换。 ```javascript let fileContent = ...; // 用户文件的内容 office.loadFile(fileContent, 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', function(result) { if (result.success) { let previewElement = document.getElementById('preview-container'); // 用于显示预览的DOM元素 result.docElement.insertAdjacentHTML('beforeend', result.previewHtml); // 将预览HTML插入到页面 } else { console.error('Failed to load file:', result.error); } }); ``` 4. **预览展示**: 调用`previewHtml`属性可以获取转换后的文档的HTML版本,可以直接嵌入到页面中显示预览效果。 注意:实际操作可能会受到服务器配置和文档格式的支持限制。同时,为了保护版权和安全,建议在生产环境下仅支持特定类型的文档,并遵循相关的许可协议。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值