Project1

标题: 打包&封装 RpgMMV的Linux项目 [打印本页]

作者: asd8089872 时间: 2020-3-23 19:56
标题: 打包&封装 RpgMMV的Linux项目
本帖最后由 asd8089872 于 2020-3-23 20:01 编辑

关于上次使用Electron打包的Linux的项目，我们会发现，游戏的代码和素材是暴露在外的。
这次我提供了第二版的Linux虚拟机，帮助开发者完成Linux环境下的测试、打包、封装的工作，里面有一个完整的范例帮助大家掌握打包技术。

链接：https://pan.baidu.com/s/17I1gb_Hbqtbsq418vcr96g
提取码：wnxm

所以这次我们使用一个新的方法保护自己的代码和游戏素材。

第一步打包（可省略）：我们使用electron-packager重新对项目进行打包

1、我们需要在项目目录中新建一个 "main.js"文件，这个文件是electron的主程序文件，用来建立electron 窗口显示网页内容。下面是提供的一个范例，可以直接复制使用（其中涉及的nodejs）
const { app, BrowserWindow, Menu } = require('electron')
const path = require('path')
const url = require('url')
let mainWindow;
function createWindow() {
mainWindow = new BrowserWindow({ fullscreen: true });
Menu.setApplicationMenu(null)
mainWindow.loadURL(url.format({
      pathname: path.join(__dirname, './index.html'),
      protocol: 'file:',
      slashes: true
}))
mainWindow.on('closed', function () {
      mainWindow = null
});
}
app.on('ready', createWindow);
app.on('window-all-closed', function () {
if (process.platform !== 'darwin') {
      app.quit()
}
});

app.on('activate', function () {
if (mainWindow === null) {
      createWindow()
}
})
2、其次我们要修改 "package.json"文件的内容（这一步需要你掌握json的基本知识）：给项目起一个名字："name": "mvlearn"
在name下面增加一个版本号元素："version": "0.0.1"
将“main”元素的值修改为刚刚我们建立的"main.js"文件："main": "main.js"
增加”devDependencies”元素
Package.json最后呈现的内容为：（标红的为修改过的）
{
"name": "mvlearn",
"version":"0.0.2",
"main": "main.js",
"js-flags": "--expose-gc",
"window": {
      "title": "",
      "toolbar": false,
      "width": 320,
      "height": 240,
      "icon": "icon/icon.png",
      "fullscreen": true
},
"devDependencies": {
      "electron": "8.0.2",
      "electron-packager": "14.2.1"
}
}
3、最后，在项目文件夹中，鼠标右键选择“在终端中打开”，在终端中右键粘贴并回车执行打包命令，你的游戏项目就打包好了，可以去上一级目录下的packaged文件夹中查看打包好的项目压缩包
打包命令为：
electron-packager ./ {json文件中name元素的值} --platform=linux --arch=x64 --asar --overwrite --electron-version 8.0.2 --out ../packaged

理论上，这个打包的方法可以打包为win、mac、Linux平台的程序，甚至可以打包到Arm处理的Linux系统上。

第二步：使用AppimageKit将项目封装
Appimage工具包是Linux系统流行的封装打包工具，可以将一个项目工程打包为一个程序文件，允许发行到任意的Linux发行版中。
我们可以在他的github主页中得到它们：
打开网址https://github.com/AppImage/AppImageKit/releases，找到最新版本的：appimagetool-x86_64.AppImage、AppRun-x86_64。我们只需要这两个文件即可。

1、我们首先构建出Appimage的项目结构（新建文件夹）
新建这样一个目录结构：{游戏的英文名.AppDir}/usr/bin/
将打包的electron项目文件夹里的所有文件，全部拷贝到上面路径的bin文件夹中。
将AppRun-x86_64文件改名为“AppRun”，拷贝到{游戏的英文名.AppDir}文件夹中。
为游戏找一个256×256像素的（png格式）图片，拷贝到{游戏的英文名.AppDir}文件夹中。
在{游戏的英文名.AppDir}文件夹中创建一个“游戏的英文名.desktop”这样的.desktop文件，并写入如下的内容：
[Desktop Entry]
Type=Application
Name={你的游戏的名字}
Exec=sh -c {bin文件夹中的应用程序名称，往往是游戏的英文名字}
Comment=test game
Icon=icon
Categories=Game;
Terminal=false
2、然后回到Appimage项目结构外面的文件夹中，并把appimagetool-x86_64.AppImage拷贝到这里，鼠标右键选择“在终端中打开”，在终端中右键粘贴并回车执行下面的命令完成打包封装：
./appimagetool-x86_64.AppImage ./游戏的英文名.AppDir/

你的游戏就被打包为一个.Appimage文件，输出在文件夹中，双击文件就能打开游戏。
你可以随意修改文件的文件名，建议将后缀删去。

作者: 耀斑姬 时间: 2020-3-23 20:00
做的不错，希望有使用linux的制作者能受到你的启发，感谢你的教程
inux虽然小众，但是如果有人付出，他的付出必然会获得回报的

作者: asd8089872 时间: 2020-3-24 19:47

耀斑姬发表于 2020-3-23 20:00
做的不错，希望有使用linux的制作者能受到你的启发，感谢你的教程
inux虽然小众，但是如果有人付出，他的付 ...

嗯，多谢捧场

作者: walf_man 时间: 2020-3-24 19:48
可以的，拓展了新领域

欢迎光临 Project1 (https://rpg.blue/)