我们知道 Electron 提供了一个类似浏览器,但有更多权限的环境来运行我们的网页,那么 Electron 是怎么做到将我们的网页代码打包成一个可执行程序的呢?
本文由 IMWeb 团队成员 laynechen 首发于 IMWeb 社区网站 imweb.io。点击阅读原文查看 IMWeb 社区更多精彩文章。 我们知道 Electron 提供了一个类似浏览器,但有更多权限的环境来运行我们的网页,那么 Electron 是怎么做到将我们的网页代码打包成一个可执行程序的呢? 这篇文章主要介绍如何打包 Electron 应用,以及分析 electron-builder 是如何对我们的应用进行打包的。 如何打包 Electron 目前有两种打包工具:electron-user
最近要做个桌面的应用,用起来也方便。找了一圈发现NW.js挺容易上手,分享给大家。
Electron安装安装问题npm或者yarn安装electron就算是配置了淘宝源还是会出现超时。所以我的解决方案是安装cnpm,使用cnpm去安装。 全局安装cnpm npm i cnpm -G 复制代码 新建项目 cnpm init // 一路Enter然后到最后一步输入yes // 安装dev相关依赖 cnpm i electron -D //安装electron cnpm i electron-builder -D // 用来打包客户端安装包 -- 需要下一步下一步安装来完成
春节来了,很多人都在抢车票。不知道你抢到了吗?很多大牛都做写出了很多优秀的自动抢票程序。今天给大家推荐这篇大牛的文章,已经把抢票程序优化做过打包处理,打包后不懂技术的小白也可以直接运行程序了。
之前的代码中会让大家在初始化函数中输入自己浏览器驱动的本地路径,很繁琐,可能有些伙伴忘了输入或者有转义字符的问题。这次 pk 哥直接把 driver 的路径赋值这一行代码拿掉了。
1.Electron是基于Node.js开发的,第一步当然要安装node盒npm了,就不多说了。
关于这个应用程序的开发,断更了很久,但是代码部分还算没落下吧,终于在周一、周二终把这个应用程序写完了。
版权声明:原创不易,多多珍惜 https://blog.csdn.net/wonaixiaoshenshen/article/details/88744534
21 -templateInFilename:HTML 模板文件的名称。占位符采用以下形式:#XXXX.YYYY(APPID)#
HTML一键打包EXE工具(HTML封装EXE,桌件)能把任意HTML项目(网址)一键打包为单个EXE文件,可以脱离浏览器和服务器,直接双击即可运行。支持KRPano全景VR项目,WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV Maker游戏打包),课件打包,网址打包等.
前端页面做好打包后,可以转成app/exe 转成app:https://www.apicloud.com/console
https://github.com/dmhsq/electron-vue-dmhsq 或者 https://github.com/dmhsq/electron-vue/tree/main/template
相信有很多公司,用习惯老式的ERP系统,将软件UI固化为WINDOWS桌面端的应用程序。
下载地址:https://github.com/electron/electron/releases/tag/v12.0.2
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/78513282
我有个模版项目是用vue-cli3.x开发的,测试部署已经没问题,突发奇想,能不能打包成exe文件,在桌面运行,开始鼓捣。
在 上一篇(你不知道的 Electron (二):了解 Electron 打包) 中对 Electron 应用是如何被打包成可执行文件进行了简单的介绍,并且谈到了默认情况下打包存在的问题。
Nativefier 是一个命令行工具,仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序,应用程序通过 Electron 打包成系统可执行文件(如.app, .exe 等),可以运行在 Windows,Mac 和 Linux 系统上。
前言python打包python代码vue中调用python打包后程序遗留问题一番今日
GitHub - ultrafunkamsterdam/undetected-chromedriver: Custom Selenium Chromedriver | Zero-Config | Passes ALL bot mitigation systems (like Distil / Imperva/ Datadadome / CloudFlare IUAM)
http://nginx.org/download/nginx-1.17.10.zip
Windows系统大多数时候并不需要这样的工具,大多数都是有GUI的工具,如IIS,操作也更简单。但是有时候,就没办法了,比如node,python等一些脚本的部署,以及.net core在一些低版本服务器上,还需要额外的安装IIS模块才能部署dotnet core应用。
下面我就说一下我的思路: (以下内容以Windows平台为基础,Mac平台和Linux平台还得去调查一下,才能确定是否可行)
关于Electron这个框架我就不多介绍,它说白了就是Node和Chromium内核的一种封装。用它开发出来的桌面应用程序其实就是套壳浏览器的应用,这就是为什么它可以用web前端技术来开发,并且可以跨平台的原因了。
从参考文章1里发现有三种方法:HTMLRunExe 工具、hta文件、nwjs工具。 我只尝试过其中的 hta 和 nwjs,并且最终采用了nwjs工具。所以此处只比较下这两种方法。
从最开始我开始写文章就讲过Node.js与Java的优缺点,我当时说过,JAVA能做的如果非要使用Node.js最后肯定是能实现的,但是我们会考虑用什么更加适合。说到桌面应用程序,可能更多人会想到使用QT或者JAVA FX去实现,Node.js能实现桌面程序么?可能很多人对这个问题的答案抱着怀疑的态度。实际上Node.js现在生态圈越来越完善,所以用Node.js实际上可以非常轻松的架构一个桌面应用。今天我们来讲讲Node.js是如何构建一个桌面应用。
nuxt有两种打包方式 nuxt.config.js文件需要对不同打包方式进行配置
Windows Installer 使用安装包,其中包含 Windows Installer 需要安装、卸载或修复产品以及运行安装程序用户界面 (UI) 的信息。每个安装包都包含一个.msi文件,该文件包含安装数据库、摘要信息流和安装的各个部分的数据流。
参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html
pkg打包过程中本地路径引用的问题一定要注意(例如__dirname是在执行二进制的文件目录下面而不是真正执行的工作目录下面)
在上一篇文章中,州的先生介绍了使用 Electron 为 MrDoc 开发一个跨平台的桌面客户端的事情:
一番前面用electron+nodejs+vue+python开发了一个pdf合并工具,现在的情况是:
插件官网地址: https://nklayman.github.io/vue-cli-plugin-electron-builder/
修改配置文件application.properties 这里主要修改数据库连接和文件上传的路径:
NW.js 基于 Chromium 和 Node.js,从而可以在桌面app中使用浏览器开发技术并直接调用 Node.js 资源,甚至将一个web应用打包到本地也轻而易举。
解决这类问题的方案之一,就是将项目包装为桌面客户端,就像双击 Excel 那样,就可以进入项目。
最近想把一个写的几百行的脚本封装成一个 App,方便使用,于是进行了一番探索,在这里记录一下!
之前扒过飞书的源码,从代码设计架构层面里里外外学习一把,飞书还是挺“大方”的,源码在客户端和网页端都一览无余,不过好像新版本已经看不到了。相关的文章由于在内网技术论坛发过了不便于再发出来(泄露内部资料会被查水表的),因此这次周末抽时间换一个鸟窝来掏一掏。
在网络环境不好(无科学上网)的条件下,项目可能可以启动成功却无法打包,注意查看报错信息,如下图所示:
简单来说,Electron就是可以让你用Javascript、HTML、CSS来编写运行于Windows、macOS、Linux系统之上的桌面应用的库。本文的目的是通过使用Electron开发一个完整但简单的小应用:记事本,来体验一下这个神器的开发过程。本文犹如Hello World一样的存在,是个入门级笔记,但如果你之前从未接触过Electron,而又对它有兴趣,某想信这会是一篇值得一看的入门教程。 PS:这篇文章是基于Windows的开发过程,未对macOS、Linux作测试。
当项目打包成应用后使用的是 file:协议 ant pro 的请求无法发出 需要使用完整的请求地址 目前方法为配置前缀
高级也就是相对于基础的优化。从以下角度进行优化: 提升开发体验; 提升打包构建速度 减少代码体积 优化代码运行性能
不过我的时间大都花在了看 Electron 的文档和下载环境上,Electron 还有一些 npm 包因为网络问题半天没下好;文档说实话没咋看明白,不知道是中文翻译的问题还是我的问题,我照猫画虎才把菜单栏取消掉。
想要在VSCode上获得较好的体验,or获得一个快速的研发效率,一些必不可少的插件肯定是需要安利一下的,下面来介绍第一款插件;
auto-py-to-exe 是一个用于将Python程序打包成可执行文件的图形化工具。本文就是主要介绍如何使用 auto-py-to-exe 完成 python 程序打包。auto-py-to-exe 基于 pyinstaller ,相比于 pyinstaller ,它多了 GUI 界面,用起来更为简单方便
免责声明:本文内容来源于网络,文章版权归原作者所有,意在传播相关技术知识&行业趋势,供大家学习交流,若涉及作品版权问题,请联系删除或授权事宜。
领取专属 10元无门槛券
手把手带您无忧上云