node-ddk, electron组件, 自定义本地文件协议,打开本地文件

node-ddk 文件协议

https://blog.csdn.net/eli960/article/details/146207062

也可以下载demo直接演示

http://linuxmail.cn/go#node-ddk

安全

考虑到安全, 本系统禁止使用 file:///

在主窗口, 自定义文件协议,可以多个

ts 复制代码
import main, { NODEDDK } from "node-ddk/main"
main.protocol.registerFileProtocol({
  protocol: "myfile",
  realpath: async (options: NODEDDK.FileProtocolRealpathOptions) => {
  	// 根据options 返回 实际的文件路径
    return "/opt/data/image/789.png"
  }
})

在渲染进程, 可以这么访问

html 复制代码
<img src="myile://xxx/linuxmail.cn/vvv/123.some.png">

用操作系统默认程序打开文件

ts 复制代码
import renderer, { NODEDDK } from "node-ddk/renderer"
// 用浏览器打开网址
renderer.shell.openUrl({ url: "https://www.baidu.com/" })
// 用默认程序打开系统文件
renderer.shell.openLocalFile({ path: "/etc/resolv.conf" }) 

是否应该打开这些网址和本地文件, 可以由界面端控制.

也可以调用主进程限制逻辑. 默认拒绝全部操作

ts 复制代码
// 检查需要用浏览器打开的地址, 默认拒绝
main.shell.registerOpenUrlChecker(async (attrs: NODEDDK.OpenUrlOptions) => {
  let url = attrs.url
  if (url.indexOf("qiandu.com") > -1) {
    return false
  }
  return true
})

// 检查需要用本地程序打开的文件, 默认拒绝
main.shell.registerOpenLocalFileChecker(async (attrs: NODEDDK.OpenLocalFileOptions) => {
  let path = attrs.path
  if (path.endsWith(".exe")) {
    return false
  }
  return true
})
相关推荐
宿6748 小时前
vue3-包管理器
前端·vue.js
@PHARAOH8 小时前
WHAT - Remix 入门和基本实践:理解两套产物
前端·remix
mayaairi9 小时前
Vue2 生命周期完全指南:从创建到销毁的8个钩子函数
前端·javascript·vue.js
研☆香10 小时前
一个简单的气泡弹窗制作
javascript
xy345310 小时前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
大模型丫丫10 小时前
用 TypeScript、NestJS 和 LangGraph 搭建一个可控的 AI Agent
javascript·人工智能·typescript
IMPYLH10 小时前
HTML 的 <pre> 元素
前端·javascript·html
shmily麻瓜小菜鸡11 小时前
JavaScript / TypeScript 易踩坑知识点 —— 异步编程类
开发语言·javascript·typescript
tsumikistep11 小时前
【前端】Vue + Axios 跨域问题实战:7070 代理转发 8080 + 401 报错分析(黑马外卖)
前端·javascript·vue.js
lichenyang45311 小时前
鸿蒙首页从等高商品 Grid 到双列瀑布流:同一张图也能做出小红书式浏览节奏
前端