electron在龙芯平台上本地安装使用和打包(二)

已经打包好的适合在mips平台运行的electron-quick-start,点击下载

1. 安装electron前的准备

从http://www.loongnix.org/index.php/Electron下载所需软件包,本文应该对大多数版本有效,以electron-v6.1.7为例

将tar包解开,重新压缩成zip包

$ cd
$ tar xzf electron_v6.1.7_0.6.tar.gz
$ cd electron_v6.1.7_0.6
$ zip -r electron-v6.1.7-linux-mips64el.zip ./* 

2. 本地安装electron

如果,当前网络不能有效的安装electron,建议将npm的镜像源地址修改为国内源

$ npm config set registry https://registry.npm.taobao.org

** 下载hello,world项目**

$ git clone https://github.com/electron/electron-quick-start.git
$ cd electron-quick-start/
$ git checkout remotes/origin/6-x-y

2.1 本地安装方法一

a)安装依赖的模块

$ npm install electron@6.1.7

在出现> node install.js 使用ctrl+c停止,如下图:
在这里插入图片描述b)更改install.js

$ vim node_modules/electron/install.js

找到下载electron的地方,在6.1.7的instal.js中是如下的代码

// downloads if not cached
download({
  cache: process.env.electron_config_cache,
  version: version,
  platform: process.env.npm_config_platform,
  arch: process.env.npm_config_arch,
  strictSSL: process.env.npm_config_strict_ssl === 'true',
  force: process.env.force_no_cache === 'true',
  quiet: process.env.npm_config_loglevel === 'silent' || process.env.CI
}, extractFile)

将上述代码注释掉,添加如下代码(根据extractFile函数的实现,解压第一步制作好的zip包)

// downloads if not cached
extractFile(0, 'electron-v6.1.7-linux-mips64el.zip');
//download({
//  cache: process.env.electron_config_cache,
//  version: version,
//  platform: process.env.npm_config_platform,
//  arch: process.env.npm_config_arch,
//  strictSSL: process.env.npm_config_strict_ssl === 'true',
//  force: process.env.force_no_cache === 'true',
//  quiet: process.env.npm_config_loglevel === 'silent' || process.env.CI
//}, extractFile)

c)安装
将第一步制作的zip包放到electron-quick-start/node_modules/electron目录下,执行安装命令

$ cp ~/electron_v6.1.7_0.6/electron-v6.1.7-linux-mips64el.zip node_modules/electron
$ cd node_modules/electron
$ node install.js

2.2 本地安装方法二

今天查看electron-download/readme.md发现可以设置本地mirror进行electron的安装,其中有一段话是这样说的:

## or for a local mirror
 ELECTRON_MIRROR="https://10.1.2.105/"
 ELECTRON_CUSTOM_DIR="our/internal/filePath"
 ELECTRON_CUSTOM_FILENAME="electron.zip"

开始验证
a)将electron上传到ftp上

$ sha256sum electron-v6.1.7-linux-mips64el.zip > SHASUMS256.txt
$ cat SHASUMS256.txt
c4e341ad21983cbc2d70cfeefe1762c39beb513c7b04289e1debc20768dd9c15  electron-v6.1.7-linux-mips64el.zip
更改SHASUMS256.txt为
c4e341ad21983cbc2d70cfeefe1762c39beb513c7b04289e1debc20768dd9c15 *electron-v6.1.7-linux-mips64el.zip

将electron-v6.1.7-linux-mips64el.zip和SHASUMS256.txt放到ftp.loongnix.org的特定目录下(xxx/mirror/electron-v6.1.7)
b)设置环境变量

export ELECTRON_MIRROR=http://ftp.loongnix.org/
export ELECTRON_CUSTOM_DIR="xxx/mirror/electron-v6.1.7"
export ELECTRON_CUSTOM_FILENAME="electron-v6.1.7-linux-mips64el.zip"

c)安装
$ cd electron-quick-start
$ npm install
在这里插入图片描述至此,两种方法都安装成功,在实际项目中根据各自的需求选择方法一和方法二

3.启动

安装完成后,在electron-quick-start使用npm start,既可以出现hello,world页面

$ cd ~/electron-quick-start
$ npm start

在这里插入图片描述

4.打包

将electron-quick-start打包

$ cd electron-quick-start
$ sudo npm install electron-packager@15.2.0 -g --unsafe-perm=true
[sudo] loongson 的密码:
/usr/local/bin/electron-packager -> /usr/local/lib/node_modules/electron-packager/bin/electron-packager.js
+ electron-packager@15.2.0
updated 1 package in 11.704s
$ electron-packager . --electron-zip-dir=/home/loongson/electron_v6.1.7_0.6/
Packaging app for platform linux mips64el using electron v6.1.7
Wrote new app to /home/loongson/electron-quick-start/electron-quick-start-linux-mips64el

打包完成,可以看到当前目录下生成了一个electron-quick-start-linux-mips64el目录,进入会后执行electron-quick-start命令即可出现hello,world页面。

=注意=
打包时出现WARNING: Official linux/mips64el support only exists in Electron ^1.8.2
解决方法:

$ sudo vim /usr/local/lib/node_modules/electron-packager/src/targets.js

将里面的^1.8.2-beta.5改为6.1.7

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值