Electron中通过asar打包后ffi

Stella981
• 阅读 928

在使用Electron开发完应用程序后,需要打包生成各平台对应的可执行文件供用户使用。

这里以Mac平台为例,最简单的打包方案是使用electron-packager来对应用程序进行打包操作,如执行最简单的指令electron-packager .执行完成后会在同级目录生成${appName}-${platfomr}-${arch}目录如electron-demo-darwin-x64,目录下存在已经打包好的electron-demo.app文件。

此时打开electron-demo.app文件后查看Contents/Resources/app文件夹会发现我们项目中的所有源代码都在此目录存放,这就会产生一系列的代码安全风险,好在electron支持asar文件的生成,通过打包过程中的asar指令会将我们项目中的所有代码存放在已经加密过的app.asar文件中,避免的代码暴露的风险。

添加asar指令的方式就是在electron-packager通添加asar开关electron-packager . --asar这样生成后的electron-demo.app文件中就会生成app.asar文件而不会生成app文件夹。

使用asar指令打包后,双击生成的electron-demo.app后即可正常打开应用程序,但是如果你的应用程序中使用一些通过原生代码封装成的动态库文件,则需要使用ffi-napi进行访问,如我项目中需要使用Native/libs/libMac.dylib中的某一些功能,main.js中的代码可能是这样(libMac.dylib文件存放在Native/libs/目录下)

const ffi = require('ffi-napi'); 
const libMacPath = `${__dirname}/Native/libs/libMac`;
const libMac = ffi.Library(libMacPath, {
    'getWindowInfoList': [ 'string', [  ] ],
});

打开应用程序后会的到如下错误

Electron中通过asar打包后ffi

错误信息意思指是libMac.dylib不能正常的访问,出现这种问题的原因是app.asar中的文件都是只读的,所以在打包过程中就不能将可执行文件放到app.asar中,解决方案是electron-packager中提供了--ignore命令,表示该命令下指定的文件--ignore=Native/,同时提供--extra-resource指令将对应的文件打包到Reasource目录如--extra-resource=Native/libs/libMac.dylib。 这样我们修改一下打包命令

electron-packager . --overwrite --asar --ignore=Native/ --extra-resource=Native/libs/libMac.dylib

此时执行完成后会发现app.asar文件中不存在Native目录,同时Resources下会多出来一个libMac.dylib表示打包成功。此时在获取libMacPath的逻辑中也要做一下更改

const libMacPath = path.join(path.join(__dirname, '..'), 'libMac')

此时再次打开打包后的应用程序就会发现程序可以正常运行,并且libMac.dylib中提供的函数也可以正常访问了。

点赞
收藏
评论区
推荐文章
秃头王路飞 秃头王路飞
4个月前
webpack5手撸vue2脚手架
webpack5手撸vue相信工作个12年的小伙伴们在面试的时候多多少少怕被问到关于webpack方面的知识,本菜鸟最近闲来无事,就尝试了手撸了下vue2的脚手架,第一次发帖实在是没有经验,望海涵。languageJavaScript"name":"vuecliversion2","version":"1.0.0","desc
浅梦一笑 浅梦一笑
4个月前
初学 Python 需要安装哪些软件?超级实用,小白必看!
编程这个东西是真的奇妙。对于懂得的人来说,会觉得这个工具是多么的好用、有趣,而对于小白来说,就如同大山一样。其实这个都可以理解,大家都是这样过来的。那么接下来就说一下python相关的东西吧,并说一下我对编程的理解。本人也是小白一名,如有不对的地方,还请各位大神指出01名词解释:如果在编程方面接触的比较少,那么对于软件这一块,有几个名词一定要了解,比如开发环
技术小男生 技术小男生
4个月前
linux环境jdk环境变量配置
1:编辑系统配置文件vi/etc/profile2:按字母键i进入编辑模式,在最底部添加内容:JAVAHOME/opt/jdk1.8.0152CLASSPATH.:$JAVAHOME/lib/dt.jar:$JAVAHOME/lib/tools.jarPATH$JAVAHOME/bin:$PATH3:生效配置
刚刚好 刚刚好
4个月前
css问题
1、在IOS中图片不显示(给图片加了圆角或者img没有父级)<div<imgsrc""/</divdiv{width:20px;height:20px;borderradius:20px;overflow:h
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
小森森 小森森
4个月前
校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用
后续会继续更新,敬请期待2.0全新版本欢迎添加左边的微信一起探讨!项目地址:(https://www.aliyun.com/activity/daily/bestoffer?userCodesskuuw5n)\2.Bug修复更新日历2.情侣脸功能大家不要使用了,现在阿里云的接口已经要收费了(土豪请随意),\\和注意
晴空闲云 晴空闲云
4个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
艾木酱 艾木酱
3个月前
快速入门|使用MemFire Cloud构建React Native应用程序
MemFireCloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
Stella981 Stella981
1年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置1、virsheditcentos7找到“memory”和“vcpu”标签,将<namecentos7</name<uuid2220a6d1a36a4fbb8523e078b3dfe795</uuid
Easter79 Easter79
1年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
helloworld_28799839 helloworld_28799839
4个月前
常用知识整理
Javascript判断对象是否为空jsObject.keys(myObject).length0经常使用的三元运算我们经常遇到处理表格列状态字段如status的时候可以用到vue