zoukankan      html  css  js  c++  java
  • Electron初探

    H5开发桌面应用?

    没错,H5现在也可以开发跨平台的桌面应用了,这意味着我们可以用网页来设计和制作桌面应用。

    基于Node.js的Electron框架就可以实现桌面应用,比较有名的Electron框架实现的桌面应用就是微软的VS Code了,下面给出Electron的官网地址:

    https://electronjs.org/

    创建项目

    可以在项目中作为依赖项安装:

    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:UsersAdministratorAppDataRoaming
    pmelectron-packager . TestApp --out ../electronPublish
    1. C:UsersAdministratorAppDataRoaming pmelectron-packager:是下载后的electron-packager文件所在地址;
    2. .:表示打包当前目录;
    3. TestApp:应用名称;
    4. --out ../electronPublish:输出目录为上级目录electronPublish;

    打包后的Windows端程序,目录下的resourcesapp文件夹就是网页资源存放目录,用于支持运行的其它文件大概有130M。

    最后说一下

    Electron实际上就是Node.js的操作文件的能力+Chrome内核的渲染能力+v8引擎的速度的一个集合体,额外扩展了系统控件和文件处理的能力。

    由于H5项目的特性,实际上,只需要打包出示例的程序之后,就可以通过替换resourcesapp文件夹下的内容来达到替换应用的功能的目的,另外如果直接将连接指向网上的地址也是可以的,但是要注意,这样会使网络上的JS拥有控制电脑内所有文件的权限,会出现很大的安全风险。

  • 相关阅读:
    树的遍历
    动态规划之背包问题
    Dijkstra算法
    最短路径
    关于数学公式Markdown
    子集数
    O、Θ、Ω
    AT212 P-CASカードと高橋君
    vector的使用方法
    P3512 [POI2010]PIL-Pilots 单调队列的应用
  • 原文地址:https://www.cnblogs.com/hammerc/p/8029501.html
Copyright © 2011-2022 走看看