Electron 协同Unity 发布Linux版本过程

最新推荐文章于 2024-08-08 16:49:15 发布

CattleDrinkRedWine

最新推荐文章于 2024-08-08 16:49:15 发布

阅读量1.3k

点赞数

分类专栏：一窥长短文章标签： Electron Unity Electron linux

本文链接：https://blog.csdn.net/cattledrinkredwine/article/details/107320781

版权

本文详细记录了使用Electron与Unity协同开发并发布Linux版本的过程，包括环境配置、Electron入门、Electron packager的使用，以及在Unity中创建WebGL资源的步骤。通过这些步骤，你可以了解到如何将Unity内容嵌入到Electron应用中，并打包为Linux 64位应用程序。

摘要由CSDN通过智能技术生成

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

一、起因

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

二、过程

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

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

我电脑上如图：
在这里插入图片描述
在某个地方新建一个文件夹，叫WebGL，然后按住Shift+右键，在弹出的右键菜单中选择“在此处打开PowerShell窗口”。如图：

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

npm init

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

在这里插入图片描述

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

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

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

npm install --save-dev electron

在这里插入图片描述
拼网路的时候到了。我很快就好了。你会发现文件夹WebGL中多了一个文件夹和一个文件，如图：

在这里插入图片描述
同事，package.json也有所变化，增加了依赖项，如图：

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

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

npm install electron-packager --save-dev

如图：
在这里插入图片描述
这个过程稍微久一点，不过，我表示，我已经好了。
你会看到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