---
# System prepended metadata

title: 以 Electronjs 部署將要上架到 Steam 的 RPG Maker MV/MZ 遊戲
tags: [RPG Maker MV, NekoGakuen, RPG 製作大師, 貓咪學園, RPG Maker MZ]

---

# 以 Electronjs 部署將要上架到 Steam 的 RPG Maker MV/MZ 遊戲

:::danger
![](https://i.imgur.com/DlYJ941.png)
:::


> ## ◆ 目錄
> * [如何在 RPG Maker MV/MZ 軟體安裝本插件](#%E2%97%86-%E5%A6%82%E4%BD%95%E5%9C%A8-RPG-Maker-MVMZ-%E8%BB%9F%E9%AB%94%E5%AE%89%E8%A3%9D%E6%9C%AC%E6%8F%92%E4%BB%B6)
> * [關於本插件參數設定的功能介紹](#%E2%97%86-%E9%97%9C%E6%96%BC%E6%9C%AC%E6%8F%92%E4%BB%B6%E5%8F%83%E6%95%B8%E8%A8%AD%E5%AE%9A%E7%9A%84%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%B4%B9)
> * [如何在 RPG Maker MV/MZ 軟體安裝來自第三方的翻譯模組](#%E2%97%86-%E5%A6%82%E4%BD%95%E5%9C%A8-RPG-Maker-MVMZ-%E8%BB%9F%E9%AB%94%E5%AE%89%E8%A3%9D%E4%BE%86%E8%87%AA%E7%AC%AC%E4%B8%89%E6%96%B9%E7%9A%84%E7%BF%BB%E8%AD%AF%E6%A8%A1%E7%B5%84)
> * [如何部署 RPG Maker MV/MZ 遊戲到Steamworks後台](#%E2%97%86-%E5%A6%82%E4%BD%95%E9%83%A8%E7%BD%B2-RPG-Maker-MVMZ-%E9%81%8A%E6%88%B2%E5%88%B0Steamworks%E5%BE%8C%E5%8F%B0)
> * [著作聲明](#%E2%97%86-%E8%91%97%E4%BD%9C%E8%81%B2%E6%98%8E)
> * [附註：參考資源](#%E2%97%86-%E9%99%84%E8%A8%BB%EF%BC%9A%E5%8F%83%E8%80%83%E8%B3%87%E6%BA%90)

## ◆ 如何在 RPG Maker MV/MZ 軟體安裝本插件

#### **1.** 前往以下連結下載並解壓縮「NekoGakuen_SteamworksPlus - Electronjs.zip」的壓縮檔。

:::info
**<i class="fa fa-link" aria-hidden="true"></i>** https://rabbitteaparty.itch.io/nekogakuen-steamworksplus
:::

#### **2.** 解壓縮之後，將附在 Electronjs/plugins 資料夾內的 NekoGakuen_SteamworksPlus.js 放在你的遊戲專案的「js/plugins」資料夾。

![](https://i.postimg.cc/Prf49mbT/01.png)

#### **3.** 開啟您的遊戲專案後打開「插件管理器」(鍵盤快捷鍵為 <kbd>F10</kbd> )，並使用滑鼠左鍵兩下安裝插件。
:::info
<i class="fa fa-info-circle" aria-hidden="true"></i> RPG Maker MV 軟體及專案的核心版本建議為 1.6.2 以上版本為佳。
:::
:::spoiler <span style="color:LightSlateGrey;">**RPG Maker MV 場合**</span>

![](https://i.imgur.com/G50lcMN.png)

![](https://i.imgur.com/BbNbSrJ.png)
:::

:::spoiler <span style="color:LightSlateGrey;">**RPG Maker MZ 場合**</span>
![](https://i.imgur.com/HpEVHhn.png)

![](https://i.imgur.com/YnZVkex.png)
:::

#### **3.** 在左上方選擇本插件後，在右邊區域的「參數」設定一些功能，而本插件「參數」的詳細功能，可參閱在「[關於本插件參數設定的功能介紹](#%E2%97%86-%E9%97%9C%E6%96%BC%E6%9C%AC%E6%8F%92%E4%BB%B6%E5%8F%83%E6%95%B8%E8%A8%AD%E5%AE%9A%E7%9A%84%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%B4%B9)」。

:::spoiler <span style="color:LightSlateGrey;">**RPG Maker MV 場合**</span>
![](https://i.postimg.cc/rwWM1J28/02a.png)
:::

:::spoiler <span style="color:LightSlateGrey;">**RPG Maker MZ 場合**</span>
![](https://i.postimg.cc/GtH1HPjn/02b.png)
:::



## ◆ 關於本插件參數設定的功能介紹

### ─ 遊戲應用程式 ID
---

:::info
<i class="fa fa-info-circle" aria-hidden="true"></i> 需要有效的 Steamworks 開發人員身分的帳號及遊戲應用程式的註冊。
:::

指定在 Steam 上的遊戲應用程式 ID。

![](https://i.postimg.cc/5yTWvHPY/03.png)

    
## ◆ 如何在 RPG Maker MV/MZ 軟體安裝來自第三方的翻譯模組
    
#### **1.** 在您的遊戲專案打開「插件管理器」(鍵盤快捷鍵為 <kbd>F10</kbd> )，並且在本插件的上方使用滑鼠左鍵兩下安裝來自第三方的翻譯模組。
    
#### **2.** 接著在本插件的「<span style="color:DimGray;">＃→Translation Plugin Patch</span>」參數輸入翻譯模組的插件檔案名稱，之後的插件參數設定只要在您目前使用的第三方的翻譯模組設定即可。

:::spoiler <span style="color:LightSlateGrey;">**RPG Maker MV 場合**</span>
![](https://i.postimg.cc/5t0fTFXG/04a.png)

![](https://i.postimg.cc/j2zTPH1W/04b.png)
:::

:::spoiler <span style="color:LightSlateGrey;">**RPG Maker MZ 場合**</span>
![](https://i.postimg.cc/5NS1tmvT/05a.png)

![](https://i.postimg.cc/fRHNcT8v/05b.png)
:::

    
:::info
<i class="fa fa-info-circle" aria-hidden="true"></i> **關於翻譯模組**
由於作者本身沒有很多時間做插件翻譯，所以作者公開 **翻譯用插件模板(NekoGakuen_SteamworksPlus_TransMod.js)** 給其他想翻譯的人方便翻譯好直接使用，而不用再特地修改本插件，看得懂插件細節的人，再使用作者提供的插件模板進行翻譯。
:::
    
    



## ◆ 如何部署 RPG Maker MV/MZ 遊戲到Steamworks後台

---
### ◆ 部署你的遊戲
---

在左上角選擇「檔案」→「部署...」。

**【RPG Maker MV】**
![](https://i.imgur.com/lXpJZ0A.png)

**【RPG Maker MZ】**
![](https://i.imgur.com/Ygeo8G3.png)


---
### ◆ 下載 Steamworks SDK
---

:::info
<i class="fa fa-info-circle" aria-hidden="true"></i> 需要有效的 Steamworks 開發人員身分的帳號。
:::

前往以下連結下載最新版的 Steamworks SDK。

**【Steamworks SDK】**
https://partner.steamgames.com/doc/sdk

![](https://i.imgur.com/Upa9Wi2.png)

---
### ◆ 配置遊戲內容
---

:::spoiler <span style="color:LightSlateGrey;">**Windows 場合**</span>

將剛才部署好的遊戲，複製到`Electronjs/Build-Windows/resources/app`資料夾中，但要注意不要連「package.json」一起複製過去，然後將Steamworks SDK解壓縮之後，接著複製位於`sdk/redistributable_bin/win64`資料夾的「steam_api64.dll」到`Electronjs/Build-Windows/resources/app`資料夾中。


![](https://i.postimg.cc/cH9RNzBW/06.png)

接著在`Electronjs/Build-Windows/resources/app`資料夾中，使用「記事本」編輯「index.js」檔案，把第2行的「Game」改成妳自己的遊戲標題，然後儲存檔案。

![](https://i.postimg.cc/ncQv60j8/10.png)

最後你就將「Build-Windows」資料夾內所有檔案壓縮，或是透過 SteamPipe 工具將「Build-Windows」資料夾內所有檔案，上傳到Steamworks的後台即可。

![](https://i.postimg.cc/xdMqtzB2/08.png)

:::

:::spoiler <span style="color:LightSlateGrey;">**macOS 場合**</span>

將剛才部署好的遊戲，拖曳到`Electronjs/Build-macOS`資料夾內的「Game-x64.zip」壓縮檔內的`Game.app/Contents/Resources/app`之中，但要注意不要連「package.json」一起拖曳過去，然後將Steamworks SDK解壓縮之後，接著拖曳位於`sdk/redistributable_bin/osx`資料夾的「libsteam_api.dylib」到`Electronjs/Build-macOS`資料夾內的「Game-x64.zip」壓縮檔內的`Game.app/Contents/Resources/app`之中。


![](https://i.postimg.cc/zBjhFccW/09.png)

接著在`Electronjs/Build-macOS`資料夾內的「Game-x64.zip」壓縮檔內的`Game.app/Contents/Resources/app`之中，將「index.js」解壓縮，使用「記事本」編輯「index.js」檔案，把第2行的「Game」改成妳自己的遊戲標題，然後儲存檔案之後拖曳到「Game-x64.zip」壓縮檔內的`Game.app/Contents/Resources/app`之中。

![](https://i.postimg.cc/ncQv60j8/10.png)

最後你就將「Build-macOS」資料夾內的的「Game-x64.zip」壓縮檔，上傳到Steamworks的後台即可。

:::

:::info
<i class="fa fa-info-circle" aria-hidden="true"></i> 如果需要在遊戲的測試過程中進行程式除錯的話，可以先使用「Build-Windows」資料夾，或是「Build-macOS」資料夾內的「Game-x64.zip」壓縮檔內，使用「記事本」編輯「index.js」檔案，把第3行的「isTest」改為「true」。
:::

## ◆ 著作聲明

修改或翻譯本插件無需事前告知，如果插件有 BUG 可以回報。
本插件著作權為 [貓咪學園(NekoGakuen)](https://twitter.com/NekoGakuen) 所有。
並且保留對插件使用規則的修改與更動之權利。


**- 來源標示：**<span style="color:green;">【△ 不需要，但有的話會很感謝。**(註1)**】</span>
**- 商業營利：**<span style="color:green;">【√ 允許】</span>
**- 成人用途：**<span style="color:green;">【√ 允許】</span>

:::info
<i class="fa fa-info-circle" aria-hidden="true"></i> **註1：**
但如有註明的話，可以註明「NekoGakuen」即可。
:::
    
## ◆ 附註：參考資源

本次使用手冊的部分截圖，所使用的圖示素材來自「[Nicolae (Xelu) Berbece](https://twitter.com/xelubest)」所設計的免費圖示素材「[FREE Keyboard and controllers prompts pack](https://opengameart.org/content/free-keyboard-and-controllers-prompts-pack)」。


**《NekoGakuen》官方推特(X)**
https://x.com/NekoGakuen

**《NekoGakuen》官方網誌**
https://nekogakuen.blogspot.com
    
###### tags: `插件使用手冊` `貓咪學園` `NekoGakuen` `RPG Maker MV` `RPG Maker MZ`