node-ddk,electron 开发组件

原创已于 2025-03-27 10:19:55 修改 · 700 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#electron #javascript #前端 #node.js #js

于 2025-03-12 15:47:39 首次发布

node-ddk 专栏收录该内容

9 篇文章

订阅专栏

node-ddk-demo

说明

node-ddk 是 ELECTRON 开发框架, 封装常见操作

npm i node-ddk

演示:
https://live.csdn.net/v/468440

本项目是一个DEMO,

项目地址: [https://github.com/mailhonor/node-ddk-demo(https://github.com/mailhonor/node-ddk-demo)

git clone https://gitee.com/linuxmail/node-ddk-demo
cd node-ddk-demo
npm i
npm run dev
// npm run build

目录结构

// 代码路径
src/
// 主进程
src/main
// 预加载
src/main/preload.ts
// 主进程入口
src/main/main.ts
// 渲染进程
src/renderer
// 渲染进程入口
src/renderer/app.ts

API 接口, 用法

见项目源码, 里面有用法和说明

主进程, 几个小例子

import main, { NODEDDK } from "node-ddk/main"

// 设置图标
main.app.setFavicon(main.app.getPathInPublic("icons/favicon.png"))

// 托盘右键菜单
main.tray.setContextMenu([
  {
    label: "显示主窗口",
    click: async () => { }
  },
  {
    label: "退出",
    click: async () => { }
  },
])

// 注册一个自定义的服务
main.ipc.registerListenModule("do-sth", async (req) => {
  console.log("do-sth req:", req)
  return {
    data: { ccc: "nihao", yourReqData: req.data, versions: process.versions },
  }
})

主进程, 启动

main.app.start().then(() => { })

渲染进程, 几个用法

import renderer, { NODEDDK } from "node-ddk/renderer"

// 窗口最大化
await renderer.window.maximize()

// 内容缩放, 扩大到 120%
await renderer.window.setZoomFactor(1.2)

// 托盘闪动 10s, 托盘提示为 test
renderer.tray.startFlashing({ period: 10 * 1000, tooltip: "test" })

// 用操作系统默认程序, 打开文件
await renderer.shell.openLocalFile({ path: "/etc/resolv.conf" })

渲染进程, 启动

renderer.app.start().then(() => {
    // 这个时候, 根据 renderer.window.getInfo() 的不同, 才能激活不同的页面和数据
    console.log("windowInfo", renderer.window.getInfo())
})