Electron的能力+如何打包
🚀🚀首发:碰磕，分享自己的学习日志
🌞🌞🌞晴
✊✊学无止境
📅2022/6/8
📅Electron的能力
🦈原生GUI
- BrowserWindow应用窗口
- Tray托盘
- app设置dock.badge
- Menu菜单
- dialog原生弹框
- TouchBar苹果触控栏
- 等等.....
🦈使用ElectronAPI获取底层能力
- clipboard剪切板
- global Shortcut全局快捷键
- desktopCapture捕获桌面
- shell打开文件、URL
- 等等......
🦈使用NodeJs获取底层能力
- fs进行文件读写
- crypto进行加解密
fs简单示例
require('fs').rendFileSync('./index.html','UTF-8')
这样即可读出index.html的源码
🦈使用NodeJs调用原生模块
node.js add-on
node-ffi(Foreign Function Interface)
🦈使用NodeJs调用OS能力
- WinRT(windows系统||推荐库:github.com/NodeRT/Node…)
- Applescript(苹果系统||推荐库:github.com/TooTallNate…)
- Shell(系统的Shell，可以通过node.js的child_process去做一些系统命令)
🚀总结
| Node.js | 原生API | 文件读写、操作系统、加密解密 |
|---|---|---|
| Node.js扩展 | 集成第三方C++库 | |
| Ekectron Native API | 客户端GUI | 右键菜单、窗口定制、系统托盘、Dock... |
| 桌面环境集成 | 系统通知、剪切板、系统快捷键、文件拖放 | |
| 设备API | 电源监视、内存、CPU、屏幕 | |
| OS | Applescript(macOS) | 系统原生应用调用 |
| Windows RT | USB、蓝牙、预览文件 |
📅如何打包
- electron-packager
- electron-builder
此处演示electron-packager
//win10打包
electron-packager . 碰磕Time --platform=win32 --arch=x64 --out=./out --icon=./Tal.ico --app-version=0.01 --overwrite --electron-zip-dir=../
- --out打包完后存放地址
- --icon 应用图标
- --app-version应用版本号
- . 应用名称
📅Electron基于前端的优势
- 无浏览器兼容问题
- 最新浏览器Feature
- No PolyFill
- ES高级语法
- 无跨域问题
- Powered by Node.js
这样就学会了Electron了~下一篇文章写一个小程序🤭
