文档章节

electron打包技术

go-skyblue
 go-skyblue
发布于 2016/03/28 13:44
字数 271
阅读 565
收藏 6

Electron可以用来写出跨平台(Windows, Mac, Linux)平台的应用。Electron差不多相当于一个浏览器,而具体应用的逻辑是用JS写出来的。

打包要用到的东西

  • gulp
  • 7zip windows上需要用,其他平台不需要

gulp的配置文件准备

gulp.task('electron', function() {
  return gulp.src("")
    .pipe(electron({
      src: './compile',
      release: './release',
      cache: './temp-cache',
      packageJson: packageJson,
      version: 'v0.35.1',
      platforms: ['win32-x64', 'darwin-x64'],
      asar: true,
      asarUnpackDir: 'vendor',
      platformResources: {
        win: {
          "version-string": pkgVersion,
          "file-version": pkgVersion,
          "product-version": pkgVersion,
          "icon": 'res/icons/icon.ico'
        },
        darwin: {
            CFBundleDisplayName: packageJson.name,
            CFBundleIdentifier: packageJson.name,
            CFBundleName: packageJson.name,
            CFBundleVersion: pkgVersion,
        },
      }
    }))
    .pipe(gulp.dest(""));
})

electron的代码要预先放到compile这个目录的下面,打包出来的文件都会存储到release这个目录下。

这个配置文件可以直接打出来windows以及mac上的zip包

windows的zip包打包成exe

gulp.task('inno-setup', function(){
  gulp.src('./installer_script.iss').pipe(inno());
})

installer_script.iss文件的生成,建议用这个软件 Inno Script Studio 很好很强大

虽然,还有很多其他的需要补充,暂时先写成这样了

© 著作权归作者所有

go-skyblue

go-skyblue

粉丝 87
博文 50
码字总数 31881
作品 5
杭州
程序员
私信 提问
electron+webpack+vue打包软件问题解决

【业务需求】 我们团队使用electron+vue脚手架开发桌面应用,现遇到几个技术问题,恳请大神指点。 脚手架地址:https://github.com/SimulatedGREG/electron-vue 主要问题如下: 1. 业务需要代...

zhenyuan2015
2017/03/21
127
5
Electron打包exe的使用

关于Electron 基于HTML5的跨平台技术比较出名的有 PhoneGap、Cordova,常常用于开发webapp,还有Egret、Cocos-creator、Unity等,常用于开发游戏;还有基于node的nw.js,用于开发桌面应用,以...

会飞的猪l
2018/10/23
0
0
一口气完成electron的入门学习

介绍 目前,使用前端技术开发桌面应用已经越来越成熟,这使得前端同学也可以参与桌面应用的开发。目前类似的工具有electron,NW.js等。这里我们着重介绍下electron。 electron开发 electron...

chenhao_ch
2017/11/29
0
0
[实战]electron+react打造一个高颜值cli-to-gui伪终端工具

现在写个前端谁还不用个构建工具,每天早晨回去,找对应的项目目录,打开命令行工具,敲个,重复得有点无聊。特别面对着日渐增长的项目数量,好希望有个工具可以帮我管理所有的项目,两手抓,...

Winder
06/29
0
0
你不知道的 Electron (二):了解 Electron 打包

转自IMWeb社区,作者:laynechen,原文链接 我们知道 Electron 提供了一个类似浏览器,但有更多权限的环境来运行我们的网页,那么 Electron 是怎么做到将我们的网页代码打包成一个可执行程序...

IMWeb团队
2018/09/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

移动开发中的 Web:WebView、WebKit、JSCore、Web 优化、热修复、跨平台、Native、Hybrid……

移动开发领域近年来已经逐渐告别了野蛮生长的时期,进入了相对成熟的时代。而一直以来 Native 和 Web 的争论从未停止,通过开发者孜孜不倦的努力,Web 的效率和 Native 的体验也一直在寻求着...

编辑部的故事
4分钟前
0
0
MySQL8.0.17 - Multi-Valued Indexes 简述

本文主要简单介绍下8.0.17新引入的功能multi-valued index, 顾名思义,索引上对于同一个Primary key, 可以建立多个二级索引项,实际上已经对array类型的基础功能做了支持 (感觉官方未来一定...

阿里云官方博客
50分钟前
5
0
make4.1降级 make-3.81、2错误

在编译 make-3.82 的时候出现如下错误提示 glob/glob.c:xxx: undefined reference to `__alloca'` 修改 /glob/glob.c // #if !defined __alloca && !defined __GNU_LIBRARY__ # ifdef __GNUC......

Domineering
51分钟前
11
0
Rainbond集群的安装和运维的原理

本文将解读Rainbond集群的安装和运维的原理,使用户基本了解Rainbond的安装机制和运维重点,便于用户搭建大型Rainbond集群。 1.Rainbond集群节点概述 1.1 节点分类 属性 类型 说明 manage 管...

好雨云帮
今天
9
0
好程序员大数据学习路线分享UDF函数

1.为什么需要UDF? 1)、因为内部函数没法满足需求。 2)、hive它本身就是一个灵活框架,允许用自定义模块功能,如可以自定义UDF、serde、输入输出等。 2.UDF是什么? UDF:user difine fun...

好程序员官方
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部