# 【教學】來製作並使用一個自己的音樂機器人吧:D :::info 本教學參考[一顆藍莓](https://b-l-u-e-b-e-r-r-y.github.io/)的文章([【用 JS 寫一個 Discord Bot!】02 音樂機器人](https://b-l-u-e-b-e-r-r-y.github.io/post/DiscordBot02/)) ::: :::success 已有教學影片 ::: {%youtube B8hDwbYiV4w %} ## 事前準備 * [Node.js](#Node.js) * 編譯器(以vs code示範) * [Git](https://gitforwindows.org/) (建議) ### 安裝步驟 #### Node.js 1. 進入[Node.js網站](https://nodejs.org/en/)進行下載(或著直接點擊[這裡](https://nodejs.org/dist/v16.13.0/node-v16.13.0-x64.msi)) ![](https://i.imgur.com/qQP1GsH.png) 2. 下載完成後開啟檔案 ![](https://i.imgur.com/qyr4Flj.png) 3. 開始安裝 ![](https://i.imgur.com/UZBWyAL.png) ![](https://i.imgur.com/Bejsrit.png) ![](https://i.imgur.com/puTw13v.png) ![](https://i.imgur.com/4GOoLzE.png) 4. 安裝完成~ ![](https://i.imgur.com/ucvkyWW.png) ## 建立Discord bot ### 步驟 1. 進入[Discord DEVELOPER PORTAL](https://discord.com/developers/applications) 2. 點選New Application ![](https://i.imgur.com/ap8h1Ku.png) 4. App取名(取的名字之後會是機器人的身分組) ![](https://i.imgur.com/Tgs7ZCU.png) 4. 取好名後,點選左側的Bot,再點Add Bot ![](https://i.imgur.com/W5ygQtH.png) 畫面會變這樣 ![](https://i.imgur.com/ATsok8L.png) :::info 中間的TOKEN是Bot登入的代碼(**千萬不要把TOKEN給別人) ::: ## 使用範例bot([《【用 JS 寫一個 Discord Bot!】02 音樂機器人》範例程式碼](https://github.com/B-l-u-e-b-e-r-r-y/Discord-Bot-02)) 1. 建立一個資料夾 2. 在資料夾空白處按住shift + 右鍵,選擇'**在這開啟PowerShell視窗** ![](https://i.imgur.com/oTO7Rgn.png) 3. 在PowerShell輸入下方指令(需要安裝Git) ``` git clone https://github.com/B-l-u-e-b-e-r-r-y/Discord-Bot-02 ``` ![](https://i.imgur.com/TVzzl6n.png) 4. 接著打開資料夾,輸入`npm i` ![](https://i.imgur.com/Wb9O8cG.png) 5. 回到bot的頁面,複製token ![](https://i.imgur.com/IFN5XQI.png) 6. 打開`token.json`更改成bot的token,`config.json`可以更改bot的指令開頭 ![](https://i.imgur.com/bnvouBx.png) ![](https://i.imgur.com/xpCrAIB.png) > ![](https://i.imgur.com/UNHcTd1.png) ### 完成以上步驟之後,bot已經設定好了,但是還需要邀請及執行bot ## 建立bot的邀請連結 1. 進入bot的OAuth2頁面 ![](https://i.imgur.com/75Qz0rD.png) 2. 複製bot的CLIENT ID 4. 將下面網址中的`的CLIENT_ID`更改 ``` https://discord.com/api/oauth2/authorize?client_id=你的CLIENT_ID&permissions=40988224&scope=bot ``` 4. 打開網址,開始邀請機器人吧! ![](https://i.imgur.com/2v82raA.png) * 邀請之後,你會發現bot離線中,是因為它還沒被執行 ![](https://i.imgur.com/i9gmpWY.png) ## 執行BOT 1. 打開PowerShell,輸入```node discord.js``` ![](https://i.imgur.com/8q8Qogp.png) ## 完成 接著就完成了~ * 機器人的指令 - 【機器人加入語音】`join` - 【播放音樂(加入隊列)】`play 音樂網址` - 【暫停播放】`pause` - 【恢復播放】`resume` - 【跳過這首歌曲】`skip` - 【查看歌曲隊列】`queue` - 【讓機器人離開語音頻道(會清空歌曲隊列)】`leave` 如果覺得功能太少也可以試試我的[舊版bot](https://github.com/han-han030/music-bot)