Electron 协同Unity 发布Linux版本过程_unity electron

站在别人的肩膀上，转发评论理应点赞评论

一、起因

最近在研究这个Electron，因此有想法记录这个过程。免得以后忘记了。主要是人老了。记不住。

二、过程

首先，要介绍的是官网。因为，即使我讲的再好，也不如官网给的。只不过我存在的意义是将官网没有涵盖的，作为一个普通开发者很难去理解他们思路的方式展现我的觉悟。链接如下：
Electron 官方文档

环境安装就不赘述了，毕竟官网有，连接如下：
Windows环境配置

我电脑上如图：

在某个地方新建一个文件夹，叫WebGL，然后按住Shift+右键，在弹出的右键菜单中选择“在此处打开PowerShell窗口”。如图：

首先，用npm 新建一个类似于入口的文件（npm 会帮助你创建一个基本的 package.json 文件。 其中的 main 字段所表示的脚本为应用的启动脚本，它将会在主进程中执行。），命令如下：

npm init
1

效果如图：
他会问你要一些设置，你直接Enter过去就行。暂时不理他们。最后得到一个文件，如图：

把上图中的test换成"start": “electron .” 官网要求，如下：

{
   
  "name": "webgl",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
   
    "start": "electron ."
  },
  "author": "CattleDrinkRedWin",
  "license": "ISC"
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14

接下来安装Electron，命令如下：

npm install --save-dev electron
1

拼网路的时候到了。我很快就好了。你会发现文件夹WebGL中多了一个文件夹和一个文件，如图：

同事，package.json也有所变化，增加了依赖项，如图：

到这里，其实就可以开始整了，不过我喜欢Electron packager,因为方便，别问我为什么。链接如下：
Electron packager

按照上面网址说明说的，执行：

npm install electron-packager --save-dev
1

如图：

这个过程稍微久一点，不过，我表示，我已经好了。
你会看到package.js中的依赖又多了一项，如图：

接下来，按照Electron官网的要求，我们穿件一个类似于入口js文件，类似于代码如下：

const {
   app, BrowserWindow,globalShortcut,screen} = require('electron')

// 创建全局变量并在下面引用，避免被GC
let win

function createWindow () {
   
	
	//获取屏幕个数
	let displays = screen.getAllDisplays()

	//获取额外的显示器
	let externalDisplay = displays.find((display) => {
   
		return display.bounds.x == 1920 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16