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

本地离线部署方式完成!

相关推荐
mayo的自留地33 分钟前
Node.js下载及安装详细教程
node.js
软泡芙2 小时前
【Node.JS】入门
node.js
JINGWHALE14 小时前
全方位解析Node.js:从模块系统、文件操作、事件循环、异步编程、性能优化、网络编程等高级开发到后端服务架构最佳实践以及Serverless服务部署指南
前端·人工智能·后端·性能优化·小程序·node.js·职场发展
知道了啊4 小时前
webpack源码解析---addEntry
前端·webpack·node.js
原机小子5 小时前
驾驭npm更新之力:深入掌握npm update命令的精髓
前端·npm·node.js
小蜜蜂vs码农5 小时前
解决 npm intasll 安装报错 Error: EPERM: operation not permitted
前端·npm·node.js
HealthScience7 小时前
WPS图片无法居中、居中按钮无法点击(是灰色的)
wps
Trouble-Solver9 小时前
npm常用的命令
前端·npm·node.js
花花鱼17 小时前
npm创建一个空的vue3项目的方法或者pnpm创建vue3项目
前端·npm·node.js
Alt_Out17 小时前
node.js环境安装和VUE-cli脚手架搭建
前端·vue.js·node.js