photoshop生成器引入到electron项目(electron与photoshop建立通信)

Photoshop引入了nodejs,在启动的时候,通过pipe调起nodejs运行时核心generator-builtin,通过KLVR机制与ps进行通信和交互,同时会加载用户编写的扩展。

这里记录一下引入时的踩坑过程

generator-core就是它的源码,electron的主进程是nodejs环境,如果可以将core这套代码在electron的主进程中运行,就达到我们建立electron与ps通信的目的了,生成器的功能非常强大,甚至可以获取图像原始数据

(这两套代码非常有年份,10年前的开源项目,还能跑起来兼容2023的ps版本,也是神奇)

下面是地址,分别是generator-core核心代码、core运行的插件demo

具体的原理可以看知乎一位大佬的文章:
https://zhuanlan.zhihu.com/p/643541900

https://github.com/adobe-photoshop/generator-core

https://github.com/adobe-photoshop/generator-getting-started

  1. 首先是将整套核心代码搬到项目中,安装相关依赖(generator-core)

运行electron主进程,发现会报错 Cannot find module 'minimist' 看了一下是optimist库的一个依赖

npm i minimist后再次运行 仍然无法解决(下面1、2是踩坑步骤,可以忽略)

  1. 在index.js直接require一个optimist模块,问题解决,后面发现是因为里面有minimist
  2. 后续出现了module q is not defined
    这时候再require q无效,说明1方案只是一个巧合,将minimist引到了主进程解决了minimist的报错,尝试将路径直接指向node_modules仍然无效,找不到对应的库

后面翻到core的入口文件:

发现他的入口文件改动了module路径指向,导致整个core找不到node_modules

把这里注释掉,问题解决

再次跑electron主进程,发现electron会闪退,可能是一些参数相关的问题

core的运行命令

复制代码
node app.js -v -f path1/path2

百度了一下这种命令是可以通过optimist这个库读取的,搜了一下入口文件,找到了optimist对象

这里将v参数加入改为true,f 填入core运行的插件plugin路径,从项目根目录出发指向plugin目录即可

-v -f的报错解决,但控制台打印出现问题

这里0.1.0有报错,全局搜了一下0.1.0,发现读的是electron的package.json,直接复制core的package.json进去,修改指向的路径

再次运行

插件的documentInfo已经打印成功,本次引入完成

相关推荐
凤城老人2 小时前
从零手写开源私有云盘|Flask+Vue3+Electron全栈网盘,单容器一键部署
python·docker·electron·vue
朝屯暮蒙vi4 小时前
随记:h5+中uploader不能添加参数数据,要通过task
javascript
泯泷13 小时前
那段文字是谁删的?Yjs 14 正式版之前,一套删除归属方案的实现与边界
前端·javascript·算法
hold?fish:palm13 小时前
34 合并K个升序链表
javascript·算法·链表
幸运小圣15 小时前
PointerEvent 常用属性与事件整理【JavaScript】
开发语言·javascript·ecmascript
志尊宝17 小时前
Vue3 零基础每日笔记(038):亲手封装 useDebounceFn 与 useThrottleFn——高频事件的流量阀
前端·javascript·vue·html·vue3
默_笙19 小时前
🚅 地铁的"回头路、存档点与人工闸机"(下):LangGraph 的循环、持久化与中断
前端·javascript
flash俊杰19 小时前
Zod Schema 驱动的 IPC 契约:从入参校验到状态机一致性的三层防御
javascript·typescript
flash俊杰21 小时前
Electron 自定义协议与视频流式加载:从 moov atom 到 Range 请求的工程化实践
electron·前端框架
一条溺水的鱼21 小时前
一次讲透 JS 原型链 —— prototype、__proto__ 和 constructor 到底啥关系
javascript