electron 打包流程 electron-packager + NSIS

1.安装 electron-packager 2.electron-packager 应用目录应用名称打包平台左上角的图标和任务栏的图标输出目录架构版本 win打包: electron-packager . XD --platform=win32 --arch=x64 --icon=./icon.ico --out=./dist --asar --app-version=1.0.0 下图为打包成功 3.这个时候已经可以进行安装使用了,但因为安装程序默认只会安…

Electron桌面应用打包流程

一. 准备工作 1.npm的安装需要下载node.js,安装完node.js之后npm自然会有. 参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html 2.Electron环境搭建 a.安装node.js.node官网地址:https://nodejs.org/en/ b.在windows 命令行下检查node是否安装成功.分别输入 node -v, npm -v .如果出现 node 和 npm 的版本号,则转下一…

【原创】从零开始搭建Electron+Vue+Webpack项目框架（六）Electron打包，同时构建客户端和web端

导航: (一)Electron跑起来(二)从零搭建Vue全家桶+webpack项目框架(三)Electron+Vue+Webpack,联合调试整个项目(四)Electron配置润色(五)预加载及自动更新(六)构建.发布整个项目(包括client和web) 摘要:整个项目就剩最后一哆嗦了,但仅仅是当作demo模版来说,实际项目的话,还有很多需要细化的地方.项目完整代码:https://github.com/luohao8023/electron-vue-template,随博客更新. 一.打包客户…

electron打包发布

1.全局安装electron npm install electron -g 在cmd 直接输入 electron 直接启electron 2.编写第一个Electron应用在任何地方,建立一个app的目录并新建3个文件: app/ ├── package.json ├── main.js └── index.html package.json { "name" : "your-app", "version" : "0.1.0&quo…

electron打包vue项目

electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 快速开始electron 直接运行github上关于electron的构建工具 git clone https://github.com/electron/electron-quick-start cd…

Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错

Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错今天在windows上打包其它平台的Electron应用的时候,由于是第一次,所以总是下载 xxx-electron-v1.6.8--x64.zip 失败.设置了代理,还是失败. 修改了~/.npmrc文件,在其中增加了ELECTRON_MIRROR,但是打包时仍然出错. ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ 最后,没招了,只…

将现有vue项目基于electron打包成桌面应用程序

一.前言项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了. 1.克隆官方demo:git clone https://github.com/electron/electron-quick-start 2.cd electron-quick-start->npm insta…

Electron打包H5网页为桌面运行程序

一.安装配置环境 Electron(一种桌面应用程序运行时),Electron 把 Chromium 和 Node 合并到一个单独的运行时里面,很适合开发桌面 web 形式的应用程序,通过Node它提供了通常浏览器所不能提供的能力. 首先需要在电脑进行安装配置Node环境,下载Nodejs,安装的过程像安装QQ一样简单通过npm全局安装electron npm install electron -g 这样你就可以在电脑的任意位置进行你想要的操作了进入你要打包的H5网页的根目录二.操作项目…

第二章你第首个Electron应用　| Electron in Action(中译)

本章主要内容构建并启动Electron应用生成package.json,配置成Electron应用在你的项目中包含预先构建Electron版本配置package.json以启动主进程从主进程生成渲染进程利用Electron限制宽松的优点构建通常在浏览器无法构建的功能使用Electron的内置模块来回避一些常见的问题在第一章中,我们从高的层次上,讨论了什么是Electron.说到底这本书叫做<Electron实战>,对吧?在本章中,我们通过从头开始设置和构建一个简单的应用程序来管…

electron教程(一): electron的安装和项目的创建

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使用ffi-napi引入C++的dll 一. 安装 1.安装node.js 从node.js官网下载推荐下载LTS版本(当前为10.16.3), 默认安装即可. 2.安装yarn 以管理员模式启动cmd, 执行指令: npm install yarn -g 根据官网介绍, Yarn 对你的代…

[Android Pro] Android 打包流程

Android 打包流程: 官网地址:http://developer.android.com/tools/building/index.html 具体的打包步骤如下: 1:生成R.java类文件:Eclipse中会自动生成R.java,ant和命令行使用android SDK提供的aapt.exe程序生成R.java. 2:将.aidl文件生成.java类文件:Eclipse中自动生成,ant和命令行使用android SDK提供的aidl.exe生成.java文件. 3:编译.java类文件…

打包静默安装参数(nsis,msi,InstallShield,InnoSetup)

原文:打包静默安装参数(nsis,msi,InstallShield,InnoSetup)[转] 有时我们在安装程序的时候,希望是静默安装的,不显示下一步下一步,这编访问来教大家如何来操作,现在常用的制作安装程序的软件有, Microsoft Windows Installer , Windows 补丁包 , InstallShield , InstallShield with MSI , WISE Installer , Inno Setup , NullSoft Install…

webpack学习--创建一个webpack打包流程

创建一个webpack打包流程首先安装webpack插件 mkdir webpack-demo && cd webpack-demo npm init -y npm install --save-dev webpack npm install --save lodash 创建index.html文件 <html> <head> <title>webpack 2 demo</title> </head> <body>…

cordova/ionic打包流程

ionic android 手工打包指令手册 [工作平台要求] 安装 node.js.cordova.ionic(非必须) 等前端相关软件与组件(1)安装 Java-SDK,正确配置系统环境变量 JAVA_HOME.CLASSPATH.加入 PATH node.js.JDK 安装路径不能要有空格和中文!!! 推荐安装路径: C:\nodejs\ C:\Java\jdk1.8.0_112(注意不要升级java,对应就是这个版本,不然其他的也要升级) 系统环境变量: JAVA_HOME=C:\Jav…

In House打包流程

在一个app历经数周持续开发和多个版本快速内部迭代之后,当我们需要把这个版本发布到我们实际应用场景中,面对我们真实用户去say hi时,如果自身产品在发布(内测版本)之前确实找到一些潜在切相对稳定的种子用户,你应该会经常听到用户抱怨问题.往往集中如下几个点上: 是否真的解决我的需求? 版本获取的流程是否复杂? 版本发布响应速度是否足够快? ... ...等等. 当你真的开始面对最终用户,你才发现这只是一个开始... Say Hi [Via BoardCaost] 抛开产品自身问题而言,快速而稳定…

Android Activity启动流程， app启动流程，APK打包流程， APK安装过程

1.Activity启动流程 (7.0版本之前) 从startActivity()开始,最终都会调用startActivityForResult() 在该方法里面会调用Instrumentation.execStartActivity()执行(Instrumentation主要用来监控应用程序和系统的交互)启动,execStartActivity()方法里面有2个方法,一个是ActivityManagerNative.getDefault().startActivity()这个方法是执行act启…

从 Android 源码到 apk 的编译打包流程

文中涉及到的工具所在目录:Android/sdk/build-tools.下面开始分解并逐步实现对源码的打包. 编译流程 1. 生成仅包含资源文件的 apk 包和 R.java 文件根据资源文件和 AndroidManifest.xml 由工具 AAPT 生成 R.java 文件.Android Gradle Plugin 3.0.0 以后默认使用 AAPT2,详见 AAPT2 官方文档.来看一下 AAPT2 的使用: 预编译编译所有 Android 支持的资源文件.可以通过编译语句将单个资…

APK 的前世今生：从 Android 源码到 apk 的编译打包流程

最近想要研究热修复的原理,并自己实现一套简单的热修复框架(音视频的坑刚挖好就又挖另一个坑了2333),已经在看书入门 c++,方便后续查看业内一些知名热修复框架的源码,另外在涉及编译期/运行时修改代码之前,先了解一下 apk 是如何从项目源码被打包生成的,可能对后续的从思路上或实际操作都会所裨益. 文中涉及到的工具所在目录:Android/sdk/build-tools.下面开始分解并逐步实现对源码的打包. 编译流程 1. 生成仅包含资源文件的 apk 包和 R.java 文件根据资源文件和…

Electron开发笔记—electron-builder打包流程

该文章说明基于win平台下,mac及linux没有实验关于electron-builder打包可以有两种方案: 1. 打包成文件夹及绿色免安装: electron-builder --dir(依赖winCodeSign) 2.打包成exe的安装包 electron-builder (依赖winCodeSign和nsis) electron-builder有一些依赖包如 [winCodeSign].[nsis]:在***的情况下,直接执行命令就会自动处理相关依赖,但天朝基本不***,所以会出现包…

electron打包后, 使用NSIS再打包成安装包 .exe文件

NSIS下载地址…

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打包分发

原始的方式打包下载对应的版本号的Release Electron 然后把对应的项目方便整理成这样的目录结构(Windows下) node_modules重新安装,不然可能启动失败把整文件夹给别人就可以了如果想改名子可以用改名工具rcedit 应用程序打包成一个文件为了缓解windows路径名过长的问题(就是有可能无法顺利的进行copy),以及隐藏代码可以把应用打包成asar文件 (就相当于把文件夹压缩一下,而此种压缩Electron不用解压可以直接读取) 全局安装asar npm inst…

记一次使用Node.js electron打包网站的记录

具体步骤请参考:http://blog.csdn.net/a727911438/article/details/70834467 打包时出现了不少问题,逐一记录下来以供其他人参考. package.json文件内容 { "name": "appname", "version": "0.1.0", "main": "./main.js", "scripts": { &q…

Electron 打包Mac安装包代码签名问题解决方案Could not get code signature for running application

最近一直在做electron应用的打包,集成mac版本的自动更新时出现了问题. Error: Could not get code signature for running application 无法获取当前应用的代码签名. (首先声明:由于mac的签名机制,npm run dev 是肯定没有签名的,以下所述都需要在npm run build 下打正式包) 百思不得其解,试过了各种办法,研究了N遍官方文档,发现现实和书上写的还是不一样.注意到一直是npm run build打包的时候都无法签…

electron打包之真的恶心

用electron-packager进行打包这个模块的文档写的真的垃圾 1.先看看首页的参数介绍就是说必选参数就是源码路径和app名字和--platform还有--arch咯,而且源码路径也没说是打开后的,还是打开前的 2.再看具体参数文档这他妈写了个啥,意思是,必选参数只有源码路径?其他随便填?先不管,先OK 3.再往下看参数有aftercopy和afterExtract?这是什么参数,要怎么写? 还是说这意思是可选参数是两个函数数组吗?里面再填其他的? 错了,都不是,可选参数从下…

electron打包成桌面应用程序的详细介绍

1.前提条件 a. 安装了node b.安装了electron c.你知道自己写的东西(js,css,html等等)放在那个文件夹(假设这个文件夹命名为 app,下面会用到)中 2.安装electron-packager a.在app文件夹中打开命令窗口(在空白处使用 shift + 鼠标右击就可以看到) b.在命令栏中输出 npm install electron-packager -g 安装完毕后,确保在配置文件 package.json (通常放在 app/) 中的dependenice…

electron 打包成桌面运用

最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一门技术.对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”. 首先,我们跟着Electron社区的快速入门程序(https://electronjs.org/docs/tutorial/quick-start)创建我的第一个electron App(HelloWorld). 1.在命令行里安装全局e…