银河麒麟桌面操作系统 V10 Electron 应用开发者指南 PDF 文档

Question

本指南使用 electron 官方提供的简单模板项目 electron-quick-start，演示在银河麒麟桌面操作系统各个架构开发 electron 应用时，安装开发基础环境、仓库源设置、electron 及依赖安装到打包成符合银河麒麟桌面操作系统 V10 软件商店上架规范的 deb 包的方法；由于各个架构中依赖包存在差异，所以各个架构单独进行演示编写，请参考对应架构进行打包。

本文中提到的银河麒麟桌面操作系统 V10 包括 V10-4.4 内核、V10(SP1)-内核 5.4 和 V10(SP1-HWE)-5.10 内核，下文中的 V10 系统指的是老 V10 系统，V10(SP1) 系统指的是 V10(SP1) 和 V10(SP1-HWE)。

本文中只是介绍了众多打包方式中比较常见的一种，仅供参考使用。

Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。它通过使用 Node.js 和 Chromium 的渲染引擎完成跨平台的桌面 GUI 应用程序的开发。Electron 兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。

npm 是 JavaScript 世界的包管理工具，并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码，管理项目依赖关系。npm 是随同 Nodejs 一起安装的包管理工具，我们经常使用它来下载第三方包到本地。但在使用 npm 过程很多人估计都知道，在国内下载第三方包的速度极其之慢。国内推荐使用淘宝 npm 镜像，它是一个完整 npmjs.org 镜像，可以用此代替官方版本，同步频率目前为 10 分钟一次以保证尽量与官方服务同步。

1 目的
2X86_64 架构
2.1 安装开发基础环境
2.1.1 安装 npm 和 node(如果已经安装请忽略)
a.V10 系统安装 npm 和 node
b.V10(SP1) 系统安装 npm 和 node
2.1.2 从源中安装 git(如果已经安装请忽略)
2.1.3 设置 npm 仓库源（可选)
2.2 项目开发
2.2.1 下载 electron-quick-start 项目
2.2.2 修改 electron 版本
2.2.3 安装 electron 及依赖包
2.3 启动项目
2.4 打包
2.4.1 安装 electron-builder
2.4.2 添加打包命令
2.4.3 添加应用图标
2.4.4 打 deb 包
2.4.5 修改 deb 包
2.5 验包
2.5.1 安装
2.5.2 启动
3ARM64 架构
3.1 安装开发基础环境
3.1.1 安装 npm 和 node(如果已经安装请忽略)
3.1.2 从源中安装 git(如果已经安装请忽略)
3.1.3 设置 npm 仓库源（可选)
3.2 项目开发
3.2.1 下载 electron-quick-start 项目
3.2.2 修改 electron 版本
3.2.3 安装 electron 及依赖包
3.3 启动项目
3.4 打包
3.4.1 安装 electron-builder
3.4.2 添加打包命令
3.4.3 添加应用图标
3.4.4 安装 fpm
3.4.5 打 deb 包
3.4.6 修改 deb 包
3.5 验包
3.5.1 安装
3.5.2 启动
4Mips64el 架构
4.1 安装开发基础环境
4.1.1 安装 npm 和 node(如果已经安装请忽略)
a.V10 系统安装 npm 和 node
b.V10(SP1) 系统安装 npm 和 node
4.1.2 从源中安装 git(如果已经安装请忽略)
4.1.3 设置 npm 仓库源（必选)
4.1.4 设置 electron 镜像源（必选)
4.2 项目开发
4.2.1 下载 electron-quick-start 项目
4.2.2 修改 electron 版本
4.2.3 安装 electron 及依赖包
4.3 启动项目
4.4 打包
4.4.1 安装 electron-builder
4.4.2 添加打包命令
4.4.3 添加应用图标
4.4.4 安装 fpm
4.4.5 打 deb 包
4.4.6 修改 deb 包
4.5 验包
4.5.1 安装
4.5.2 启动
5LoongArch64 架构
5.1 安装开发基础环境
5.1.1 安装 npm 和 node(如果已经安装请忽略)
5.1.2 从源中安装 git(如果已经安装请忽略)
5.1.3 设置 npm 仓库源（必选)
5.1.4 设置 electron 镜像源（必选)
5.2 项目开发
5.2.1 下载 electron-quick-start 项目
5.2.2 修改 electron 版本
5.2.3 安装 electron 及依赖包
5.3 启动项目
5.4 打包
5.4.1 安装 electron-builder
5.4.2 添加打包命令
5.4.3 添加应用图标
5.4.4 安装 fpm
5.4.5 打 deb 包
5.4.6 修改 deb 包
5.5 验包
5.5.1 安装
5.5.2 启动
6 使用本地 electron 镜像源安装方法
6.1 安装开发基础环境
6.1.1 安装 npm 和 node(如果已经安装请忽略)
6.1.2 从源中安装 git(如果已经安装请忽略)
6.1.3 设置 npm 仓库源（必选)
6.1.4 搭建 electron 本地镜像源
a.创建 electron 镜像源目录
b.将 electron 包放入上述目录
c.启动 electron 镜像源
6.1.5 设置 electron 镜像源（必选)
6.2 项目开发
6.2.1 下载 electron-quick-start 项目
6.2.2 修改 electron 版本
6.2.3 安装 electron 及依赖包
6.3 启动项目
6.4 打包
6.4.1 安装 electron-builder
6.4.2 添加打包命令
6.4.3 添加应用图标
6.4.4 安装 fpm
6.4.5 打 deb 包
6.4.6 修改 deb 包
6.5 验包
6.5.1 安装
6.5.2 启动

下载地址：https://www.wenjiangs.com/wp-content/uploads/2023/11/29KBfSJvT5ISrEo1.zip