Electron初探
2024-10-20 11:34:35
H5开发桌面应用?
没错,H5现在也可以开发跨平台的桌面应用了,这意味着我们可以用网页来设计和制作桌面应用。
基于Node.js的Electron框架就可以实现桌面应用,比较有名的Electron框架实现的桌面应用就是微软的VS Code了,下面给出Electron的官网地址:
创建项目
可以在项目中作为依赖项安装:
npm install electron --save-dev
也可以全局进行安装:
npm install electron -g
快速创建一个项目的方式是直接把官网的示例拉下来即可:
https://github.com/electron/electron-quick-start
安装命令如下:
npm install
启动命令如下:
npm start
然后就可以看到启动界面了。
打包应用
使用npm下载安装electron-packager:
npm install electron-packager -g
安装好后,进入要打包的应用目录执行下面的脚本即可:
D:\electron-quick-start>C:\Users\Administrator\AppData\Roaming\npm\electron-packager . TestApp --out ../electronPublish
- C:\Users\Administrator\AppData\Roaming\npm\electron-packager:是下载后的electron-packager文件所在地址;
- .:表示打包当前目录;
- TestApp:应用名称;
- --out ../electronPublish:输出目录为上级目录electronPublish;
打包后的Windows端程序,目录下的resources\app文件夹就是网页资源存放目录,用于支持运行的其它文件大概有130M。
最后说一下
Electron实际上就是Node.js的操作文件的能力+Chrome内核的渲染能力+v8引擎的速度的一个集合体,额外扩展了系统控件和文件处理的能力。
由于H5项目的特性,实际上,只需要打包出示例的程序之后,就可以通过替换resources\app文件夹下的内容来达到替换应用的功能的目的,另外如果直接将连接指向网上的地址也是可以的,但是要注意,这样会使网络上的JS拥有控制电脑内所有文件的权限,会出现很大的安全风险。
最新文章
- SSH批量部署服务
- tomcat的简单安装及配置
- 使用Windbg在XP下Heap追踪失败的原因
- javascript组件化
- java多线程中的生产者与消费者之等待唤醒机制@Version2.0
- 创业草堂之一:创业的Idea是怎样产生的?
- codevs 1197 Vigenère密码
- 一个很简单的SqlServer生成常用C#语句工具的诞生
- docker学习笔记17:Dockerfile 指令 ONBUILD介绍
- Android Bundle类别
- PAT (Advanced Level) 1008. Elevator (20)
- Codeforces278E Tourists
- ehcache与redis的比较与应用场景分析(转)
- SLAM for dummies中文翻译
- Delphi编程之爬取贴吧多页帖子图片
- 兼容的获取样式的函数getStyle()
- [20180914]oracle 12c 表 full_hash_value如何计算.txt
- 【WC2018】通道(边分治,虚树,动态规划)
- 20165234 《Java程序设计》第六周学习总结
- 4990: [Usaco2017 Feb]Why Did the Cow Cross the Road II 线段树维护dp