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,把上面的文件解压到此目录下面

本地离线部署方式完成!

相关推荐
识途老码7 小时前
UOS 20 Pro为国际版WPS设置中文菜单
信创·wps·uos·国产操作系统·统信
前端小白从0开始7 小时前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
贩卖纯净水.9 小时前
Webpack的基本使用 - babel
前端·webpack·node.js
贩卖纯净水.10 小时前
Webpack依赖
前端·webpack·node.js
笑醉踏歌行13 小时前
NVM,Node.Js 管理工具
运维·ubuntu·node.js
chxii15 小时前
1.4 Node.js 的 TCP 和 UDP
node.js
xd000021 天前
11. vue pinia 和react redux、jotai对比
node.js
程序猿小D1 天前
第16节 Node.js 文件系统
linux·服务器·前端·node.js·编辑器·vim
前端老六喔2 天前
🎉 开源项目推荐 | 让你的 TypeScript/React 项目瘦身更简单!
node.js·前端工程化
醉书生ꦿ℘゜এ2 天前
npm error Cannot read properties of null (reading ‘matches‘)
前端·npm·node.js