wps linux node.js 加载项开发,和离线部署方案

环境准备

windwos
  • 安装node.js

  • 安装VSCode

  • 安装wps

linux
  • 安装node.js

  • 安装VSCode

  • 安装wps

通过npm 安装wpsjs SDK

  • 使用npm安装wpsjs
    npm install -g wpsjs

  • 创建一个项目
    wpsjs create WPS-Addin-PPT

    创建项目会让你选择2个东西:

    1:选择你的文档类型

    2:框架选择:无

然后实现,你的html代码。

  • 项目调试
    wpsjs debug

注意:wps新版本目前有bug node.js 加载项调试界面不显示加载项的内容。需要下载个wps老版本

  • 构建项目
    wjsps build

  • 发布
    wpsjs publish

Windows 和 LInux(UOS统信) 本地离线部署方案

在执行完成 wjsps build wpsjs publish命令后,在项目目录会生成2个目录如下图:

然后把这2个目录的文件夹里面的文件,单独创建个桌面文件夹拷贝到新创建的文件夹里面。

然后修改publish.html文件,修改LoadPublishAddons方法如下:

在LoadPublishAddons函数新加一行JS代码:

js 复制代码
var addonPath = location.href.match(/.+\//)[0] + 'WPS-Addin-PPT.7z' //注意把'WPS-Addin-PPT.7z'改成你的项目名称

然后把下面的url 替换为addonPath ,另外需要注意下你创建的文档类型。我是ppt,所以addonType:wpp,修改完成后保存

然后运行publish.html文件,如图:

这里点下安装,执行加载项的安装

执行完上面的流程后,你需要把你构建的.7Z文件,手动解压到临时目录:

Window系统流程如下:

win+r 键执行:
%appdata%\kingsoft\wps\jsaddons

会打开一个文件夹

把压缩文件解压拷贝到这个目录:

Linux (UOS统信)系统流程如下:

在UOS系统打开路径:/data/home/XXXX/.local/share/Kingsoft/wps/jsaddons,把上面的文件解压到此目录下面

本地离线部署方式完成!

相关推荐
理想不理想v4 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript
暮毅8 小时前
10.Node.js连接MongoDb
数据库·mongodb·node.js
~甲壳虫14 小时前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
~甲壳虫14 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫14 小时前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
熊的猫15 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
鹏大师运维17 小时前
【功能介绍】信创终端系统上各WPS版本的授权差异
linux·wps·授权·麒麟·国产操作系统·1024程序员节·统信uos
图片转成excel表格17 小时前
wps怎么算出一行1和0两种数值中连续数值1的个数,出现0后不再计算?
excel·wps
前端青山1 天前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
GDAL1 天前
npm入门教程1:npm简介
前端·npm·node.js