electron-packager加密

2024-11-08

Electron把网页打包成桌面应用并进行源码加密

前言最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错.这里记录一下打包过程以作记录,便于自己以后查看学习. 一.简介 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 二.打包过程 1.

（译）通过 HTML、JS 和 Electron 创建你的第一个桌面应用

原文:Creating Your First Desktop App With HTML, JS and Electron 作者:Danny Markov 近年来 web 应用变得越来越强大,但是桌面应用仍然有充分利用硬件的优势. 今天,我们可以通过我们熟悉的 HTML.JS 和 Node.js 来创建桌面应用,打包成一个可执行文件,并且发布在 Windows, OS X 和 Linux 上. 有两个受欢迎的开源项目,能够帮助我们实现这个目的.一个是几个月前我们讨论到的 NW.js,另一个是今天

初探Electron

Electron是什么? 官网是这么描述的:Build cross platform desktop apps with JavaScript, HTML, and CSS 翻译一下:使用JavaScript,HTML以及CSS搭建跨平台桌面应用诞生环境一位博主这样开玩笑说: 可能主要是因为,猿类里的亚种--前端开发--又有了新的出路了吧,还没找工作的前端开发,又有了新的岗位可以去选择,已经在岗的前端也有了新一年的 KPI/OKR,刚起步的创业公司可以只拉一个前端就能开发跨平台的多个桌面客户

Electron 使用 Webpack2 打包多入口应用程序

Electron 使用 Webpack2 打包多入口应用程序接前面一篇文章,前一篇文章中只有一个页面,并且只有一个js文件,所以打包的时候会把那个js打包成一个bundle.js文件.但是假如我们有多个页面,且每个页面需要使用的js文件也不同,那么我们应该怎样打包呢. 安装依赖库这里准备做个小的演示程序,首先安装一些这个演示程序需要看的第三方库 $ npm install --save-dev electron $ npm install --save-dev electron-packag

Electron 使用 Webpack2 打包应用程序

Electron 使用 Webpack2 打包应用程序前两天看了一下使用 Electron 来开发应用程序,今天说说所怎样集成 Electron 和 Webpack2 来打包应用程序. 安装依赖库这里准备做个小的演示程序,首先安装一些这个演示程序需要看的第三方库 $ npm install --save-dev electron $ npm install --save-dev electron-packager $ npm install --save-dev webpack $ npm

Electron的介绍

1.1 Electron是什么? 引用官网的一句话: Build cross platform desktop apps with JavaScript, HTML, and CSS 1.2 诞生技术背景: JavaScript近几年的全领域发展,个人理解JavaScript是思想对java的前进,从compile once,run everywhere转变为code once,run everywhere,由于JavaScript本身的是一门解释性的脚本语言,这让它逐渐的成为全宇宙使用最广泛

electron打包整理

最近在折腾把项目打包成桌面应用程序,发现一个工具electron,可以讲项目打包成一个跨平台的应用程序,很方便,来学习一下. 1.先安装electron.electron-packager,安装方法可以使用package.json文件配置,然后npm install也可以使用cnpm安装,速度会快点,具体如下:npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm i package.json如下: { "name&q

electron之环境安装、启动程序

1.安装node.js 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装全局electron npm install -g electron 4.创建package.json文件 npm init 5.若全局安装,则忽视.局部安装命令 npm install --save-dev electron 6.package.json内容 { "name": "testapp&qu

electron 起步

electron 起步为什么要学 Electron,因为公司需要调试 electron 的应用. Electron 是 node 和 chromium 的结合体,可以使用 JavaScript,HTML 和 CSS 等 Web 技术创建桌面应用程序,支持 Mac.Window 和 Linux 三个平台. electron 的成功案例有许多,比如大名鼎鼎的 vscode. hello-world 官网有个快速启动的应用程序,我们将其下载到本地运行看一下. # Clone this reposit

npm check failed 解决办法

npm ERR! shasum check failed for C:\Users\MM\AppData\Local\Temp\npm-10900-415697c8\registry.npmjs.org\rcedit\-\rcedit-0.7.0.tgznpm ERR! Expected: 560b2920165034a135316e6a111f8274b9cec521npm ERR! Actual: a5a7e0aff957ae75cc7064db9ba8f59daaba6649 安装el

electron---项目打包

创建一个应用目录:app,里面需要有必要的三个文件: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度</title> <style type="text/css"> *{margin:0px; padding: 0px;} #iframe{width: 100%; height: 10

asar 如何解密加密？electron 的 asar 的具体用法

来源:https://newsn.net/say/electron-asar.html 在electron中,asar是个特殊的代码格式.asar包里面包含了程序猿编写的代码逻辑.默认情况下,这些代码逻辑,是放置在resource/app目录下面的,明文可见,这样的话,也就有了代码加密(asar打包)的需求 asar 如何解密加密?electron 的 asar 的具体用法(图12-1) 在本篇文章中,苏南大叔将要讲述的内容就是:asar工具的使用.本文的模特是:在mac下面,使用electro

【Electron】Electron开发入门（五）：项目打包

一.安装 electron-packager PS:安装之前,先复制一份package.json文件到./app目录下,然后改下./app目录下package.json里 "main": "app/main.js"的路径(去掉app/),不这样子的话,下面打包的时候会报错,有的版本识别不了应用路径. 1.使用命令 npm install --save-dev electron-packager 将electron-package包安装到在项目下面, 安装完成之后,项

electron热更新与windows下的安装包

帮朋友公司做了点东西,他说有很多bug,我一看,基本问题都是浏览器兼容引起的,而electron内带Chromium内核,正好一直想尝试下electron,所以研究了一波.这里只是简单的使用electron作为壳,把自己的项目嵌进去,更多深入研究以后再来. 打包自己的项目这里没啥说的自己的项目打包下来,类似下面快速开始electron 上手electron,官方提供了一个非常好的快速上手实例"electron-quick-start". git clone https://gith

Angular+Electron+VSCode的桌面应用

Angular+Electron+VSCode的桌面应用转自:http://blog.csdn.net/yr7942793/article/details/50986696 第一部分 Electron开发入门笔记 GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用.它是 io.js 运行时的衍生,专注于桌面应用而不是 web 服务端.Electron 丰富的原生 API 使我们能够在页面中直接

Electron 使用 Webpack2 预编译 Electron 和 Browser targets

Electron 使用 Webpack2 预编译 Electron 和 Browser targets 前一篇文章说了说怎样使用 Webpack2 预编译 Electron 应用,但是有时候我们希望使用 Webpack2 的热部署功能来提高我们的开发效率,使我们在代码修改后能自动立即看到修改后的结果.那么今天就看看怎样来实现这个功能. 安装依赖库 $ npm install --save-dev electron $ npm install --save-dev electron-package

electron将网站打包成桌面应用

需求同 NW.js将网站打包成桌面应用 1. 从github上克隆electron示例项目 git clone https://github.com/electron/electron-quick-start 2. 安装项目所需包 npm install 3. 打开main.js,将修改mainWindow.loadURL 4. 运行项目 npm start 5. 安装electron-packager来打包 npm install eletron-packager --save 6. p

大型系列课程之-七夕告白之旅Electron篇

上一篇分享了一下vbs的撩妹攻略,但细心的兄弟会发现,这种脚本式的攻城方案并不得心应手,有很多妹子害怕是病毒根本不敢点击,而且这个脚本界面风格也不漂亮,不能轻易打动妹子的心,怎么破,小编这次在为各位老铁奉上一篇既美观又能让妹子轻易动心的表白软件制作攻略效果图: Electron (http://electronjs.org/docs),通过前端技术制作桌面应用的跨段解决方案,相信很多前端的小伙伴一定听过或者玩过吧,那么接下来,我们就用这款框架来制作一个表白软件. 一.安装node 安装地址:h

electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe)

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 子进程管理 electron教程(三): 使用ffi-napi引入C++的dll electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe) 引言本篇将介绍如何将你开发的electron项目(main.js), 打包成一个可执行桌面程序(.exe). 有

Linux操作系统安全-使用gpg实现对称加密

Linux操作系统安全-使用gpg实现对称加密作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.gpg工具包概述 1>.什么是gpg GnuPG是GNU负责安全通信和数据存储的主席.它可以用于加密数据和创建数字签名. 2>.查看gpg的安装包 [root@node101.yinzhengjie.org.cn ~]# which gpg /usr/bin/gpg [root@node101.yinzhengjie.org.cn ~]# [root@node101.yinzh

electron-packager加密

热门专题