wps加载项的使用

准备环境

1.安装wps企业版（个人版可能出问题）
2.安装node 环境
3.详细情况可查看官方开发文档：https://open.wps.cn/docs/office

生成一个加载项的demo

在这里插入代码片

1. npm install -g wpsjs 安装wpsjs环境
2. wpsjs create HelloWps  创建一个demo
3. wpsjs debug 可以运行相关demo```注意事项：wpsjs 命令生成的demo 默认加载项 是jsplugins 模式的如果要改成plugins模式需要将本地自动生成的jsplugins.xml文件删除
jsplugins.xml 文件路径：
window：%appdata%/kingsoft/wps/jsaddons
linux: ~/.local/share/Kingsoft/wps/jsaddons## 发布加载项
这里我个人使用的plugins模式
### 准备环境1. tomcat 8.5
### 打包加载项并且放到tomcat上
1.wpsjs build
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201009173315950.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDA1NzAyOA==,size_16,color_FFFFFF,t_70#pic_center)
然后通过地址访问是否可以访问到ribbon.xml文件
2.wpsjs publish
将生成的publish.html 文件放到tomcat上![在这里插入图片描述](https://img-blog.csdnimg.cn/20201009173618645.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDA1NzAyOA==,size_16,color_FFFFFF,t_70#pic_center)
通过地址访问publish.html是否可以访问到![在这里插入图片描述](https://img-blog.csdnimg.cn/20201009173720121.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDA1NzAyOA==,size_16,color_FFFFFF,t_70#pic_center)如图则是安装成功，点击安装即可安装成功配置文件，之后可以通过项目关联本地加载项的配置文件来调用加载项中的方法来操控本地的wps
## wps 加载项如何与自己业务关联
定义projInfo对象
name：加载项命名可以通过查看本地自动生成publish.xml文件获取
type：加载项类型
```java
1.   var projInfo = {name: "vueWps",  type: "wps"}

调用加载项中的openOfficeFileFromSystemDemo方法

  openFile() {let invokeParam = {flag: "openOfficeFile",filepath: 'http://localhost:8080/download/wps技术文档.docx'} //根据需求任意定义console.log('invokeParam:' + JSON.stringify(invokeParam))WpsInvoke.InvokeAsHttp(projInfo.type, //wps加载项的类型，有WpsInvoke.ClientType.wps，WpsInvoke.ClientType.et，WpsInvoke.ClientType.wpp3种类型projInfo.name, //wps加载项的名字，在实际项目中写上对应的名字"openOfficeFileFromSystemDemo", //要调用的在wps加载项中的函数名JSON.stringify(invokeParam), //调用的在wps加载项中的函数要传递的数据，是一个json对象，根据业务系统需求任意定义function () {}) //回调函数，wps加载项中InvokeFromSystemDemo这个函数的返回值作为这个函数的参数},

openOfficeFileFromSystemDemo 可以在加载项中搜索这个并且修改这个方法
加载项中的openOfficeFileFromSystemDemo 方法可以根据自己需求调整，也可以新建一个方法提供自己使用

function openOfficeFileFromSystemDemo(param){let jsonObj = (typeof(param)=='string' ? JSON.parse(param) : param)alert("从业务系统传过来的参数为：" + JSON.stringify(jsonObj.filepath))wps.WpsApplication().Documents.Open(jsonObj.filepath, null, true)// return {wps加载项项返回: jsonObj.filepath + ", 这个地址给的不正确"}
}

wps加载项开发和使用相关推荐

WPS 加载项开发说明
WPS 加载项结构 WPS 加载项由自定义功能区和网页两部分组成.自定义功能区只需要一个配置文件,对应 WPS 加载项目录中的ribbon.xml文件: 网页部分负责执行自定义功能区对应的逻辑功能. ...
如何开发一个 WPS 加载项
WPS 加载项是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案.每个 WPS 加载项都对应打开了一个网页,并通过调用网页中 JavaScript 方法来完成其功能逻辑. WPS 加载项打开 ...
wps加载项初步开发
技术选型应公司要求,在不连外网情况下,需要完成服务器文档的预览.编辑.上传等功能.于是选用了wps客户端的加载项开发. 参考资料: wps客户端开发文档 wps客户端开发文档 wps加载项demo地 ...
WPS加载项系列（3）WPS项目部署
一.部署方式 wps加载项目有两种部署模式,publish模式和jsplugins.xml模式,可以参考实际情况自己选择部署模式. 二.publish模式 1. 原理通过访问 publish自动安装 ...
WPS加载项系列（2）第二个WPS项目
上一章讲解了官方提供的第一个wps项目,这个项目主要用来了解nodejs使用以及wps能实现哪些功能,后续在项目开发中,相似功能的开发可以有个参考. 下面将要讲解官网提供的第二个wps项目,这个项目可 ...
wps多人协作的意义_怎么能快速体验WPS加载项
相信大家看过了前三篇专栏文章后,一定对与WPS的各类集成对接模式产生了想试一试的想法,那咱们就实操一下,先从WPS加载项的对接开始吧. 目前获取WPS加载项的资料一共有五个途径: 提供一个外网体验环境 ...
前端|npm全局创建wps加载项
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 问题描述基于vscode的方式创建wps加载项在获取类型之后 ...
WPS加载项是如何实现调用业务系统JS的 WPS通信原理
WPS加载项是如何实现调用业务系统JS的 WPS通信原理 wpssdk 一.业务系统调用WPS原理二.WPS调用业务系统JS的原理 End 写在前面:JSAPI金山办公官方群 756432763 欢 ...
WPS加载项系列（1）第一个WPS项目
前言任何一个新技术的学习使用,一般都由demo开始,然后逐步深入直到完全掌握,这个也不例外,所以这个系列的第一篇文章主要写的是如何将官方提供的demo跑起来. 一.项目地址官方提供的演示示例(OA ...

wps加载项开发和使用

这里写自定义目录标题

wps加载项的使用

准备环境

生成一个加载项的demo

wps加载项开发和使用相关推荐

最新文章

热门文章