统信系统中electron基本搭建的参考

68 阅读2分钟

最近项目中需要在国产系统中开发软件应用,于是有了此文的诞生, 作为基本搭建的参考

一、安装node

1、下载node

访问官网(nodejs.org/en/download…), 统信是基于Linux来开发, 需要下载红框中的版本(此步没有使用命令安装,是为了保稳,之前虚拟机安装出过问题, 最后使用的安装包安装)

image-20240207101928678.png

2、配置node环境

  • 编辑环境变量
sudo vim /etc/profile
  • 在文件末尾添加
export NODE_HOME=/home/tool/node-v14.16.0-linux-x64
export PATH=$PATH:$NODE_HOME/bin

路径可以直接复制, 复制出来格式为(file:///home/usr/node), 去掉file://即是上面NODE_HOME需要配置的地址

image-20240207102848909.png

  • 保存退出后, 重启环境变量
source /etc/profile /etc/bash.bashrc

当在终端中能查询node或者npm版本就生效了, 如果上面配置都成功了, 访问不到版本, 可以试下重启电脑

二、安装vsCode

是的,真正的从零开始, 这个环境中连开发工具都没有, 此处为了方便, 是直接在统信系统的应用商店中直接下载的,

image-20240207103729550.png

三、搭建electron

参考了掘金课程中的Electron应用开发实践指南, 使用了electron-vite进行搭建

  • 此处可能网络原因卡住, 多尝试几次即可
npm create @quick-start/electron
  • 此处依赖同样可能由于网络原因下载不下来, 在下载依赖阶段,无奈只能中断流程, 直接进入刚创建的项目手动执行npm i下载相关依赖
 Project name:  <electron-app>
 Select a framework:  vue
 Add TypeScript?  No / Yes
 Add Electron updater plugin?  No / Yes
 Enable Electron download mirror proxy?  No / Yes

Scaffolding project in ./<electron-app>...
Done.

四、运行electron

  • 开发阶段

    会报以下错误

    FATAL:setuid_sandbox_host.cc(158)] The SUID sandbox helper binary was found, but is not configured correctly. Rather than run without sandboxing I'm aborting now. You need to make sure that /home/user/Desktop/aep/source/build/linux-unpacked/chrome-sandbox is owned by root and has mode 4755.

    解决方法: 终端中执行下面命令, 参考文章(stackoverflow.com/questions/5…

    sudo sysctl kernel.unprivileged_userns_clone=1
    
  • 打包阶段

    执行npm run build:linux, 打包出来deb格式的安装包,点击执行安装, 系统即可搜索到该软件

或者到平台的软件目录中也可以找得到刚安装的软件

image-20240207105902444.png