이번 강의는 [ JavaScript로 디스코드 봇 만들기 ] 0강 준비물 을 보고 오셔야 진행이 가능합니다.

번거로우실 수 있으시겠지만 부탁드립니다.

안녕하세요

자, 드디어 첫 번째 시간입니다. 

이번시간에는 디스코드 봇을 생성하고 실행을 해보는 시간을 가져보겠습니다.

그럼 먼저 봇을 생성하는 것 부터 해볼까요?

디스코드 봇 생성

디스코드 봇을 생성하실려면 먼저 여기로 들어가주세요

들어가신 후, NewApplication을 클릭하고 원하는 이름을 적어주세요.

이번 강좌에서는 우린 "Tutobot"으로 정하겠습니다.

그리고, 클라이언트 아이디를 복사하여 메모장에 붙여넣어 줄게요.

TIP

어플리케이션의 이름은 나중에 다시 바꾸실 수 있습니다

이후 Bot으로 이동하여 AddBot을 클릭해서 새로운 봇을 생성합니다.

토큰 TOKEN

WARNING

여기서 부터는 진짜 중요합니다. 그러므로 집중해 주세요. 

이번에는 여러분들에게 보안적인 것 뿐만 아니라 봇 토큰에 대하여 알려드리겠습니다

봇을 만드셨다면, 아래와 같은 화면이 뜰것입니다.

이 패널에서는 디스코드 봇의 프로필 을 바꾸실 수 있고, 닉네임도 바꾸실 수 있고, PUBLIC 봇 or PRIVATE봇 인지 설정할 수 있습니다.

우리는 일단 토큰을 얻어야 하니, TOKEN 밑에 있는 COPY 버튼을 눌러 메모장에 일단 붙여넣어줍시다

.

그래서, 토큰이 뭔데?

토큰은 디스코드 봇의 비밀번호와 같습니다. 봇은 디스코드에 로그인을 할 때 TOKEN(토큰)을 사용합니다. 만약, TOKEN이 타인에게 있다면, 그 사람은 당신의 디스코드 봇에 맘대로 로그인을 할 수 있습니다. 그만큼 위험하단 말이죠. 그러므로, 타인과는 자신의 디스코드 봇의 토큰을 절대 공유해서는 안됩니다.

디스코드 봇 서버에 추가하기

여기까지 따라오셨다면, 봇이 만들어져 있어야 합니다. 

하지만, 이게 아직 아무 서버에도 추가가 되지 않았습니다. 

어떻게 해야할까요?

봇 서버에 추가하는 주소

https://discordapp.com/oauth2/authorize?client_id=클라이언트 아이디&scope=bot

여기에서 저기 "클라이언트 아이디"에 아까 우리가 메모장에 복사해뒀던 클라이언트 아이디를 붙여넣어주면 됩니다.

이후, 추가해줄 서버를 선택하여 추가해주시면 됩니다.

만약 위와 같은 반응이 일어난다면, 제대로 추가를 하신 것입니다.

축하합니다. 이후, 디코 서버에 들어가 보시면, 

이런식으로 Tutobot이 추가가 된 것을 확인할 수 있습니다.

디스코드 봇 로그인하기

자 드디어 이번 강좌에서 가장 신나는! 디스코드 봇에 로그인하기 입니다. 위와 같이 잘 따라와 주셨다면, 분명히 잘 하실 수 있으실껍니다.

이번 단계에서는 드디어 코딩을 할 것입니다.

아까 우리가 만들었던 폴더(discordBot)을 열어, 'index.js'를 추가해줄게요

그리고, 아까 우리가 켰던 Visual Studio Code를 켜 'index.js'에서 다음과 같이 써줄게요.

const Discord = require(`discord.js`); // discord.js를 불러옴
const client = new Discord.Client(); // 새로운 디스코드 클라이언트를 만듬
// 만약에 클라이언트가 준비되었다면, 아래의코드를 실행합니다
// 이 이벤트는 봇이 로그인 되고 한번만 실행될것입니다
client.once('ready', () => {
  console.log("디스코드 봇이 준비되었습니다");
});

// 여러분의 디스코드 토큰으로 디스코드에 로그인합니다
client.login(`여러분들의 토큰이 여기에 있어야 해요`);

자, 이렇게 하시고, 콘솔에다가 "node index.js" 를 쳐 실행을 합니다. 그리고 난 이후, 콘솔창을 확인해 보시면, "디스코드 봇이 준비되었습니다"라고 띄워져 있는 것을 확인하실 수 있습니다. 그리고 디스코드를 확인해 보시면,

이런식으로 봇이 온라인으로 된 것을 확인하실 수 있습니다.

이런식으로 봇이 온라인 된 것을 확인하시면, 이제 커맨드를 만드시고 싶으신 욕심이 나실껍니다.

자, 그럼 기본적인 명령어를 한번 만들어볼까요?

TIP

참고로 node index.js가 귀찮으시다면, node . 으로 더 간편하게 실행이 가능합니다

플레이어가 보낸 메시지 확인하기

먼저, 우리는 플레이어가 어떤 메시지를 입력을 하였는지 알아보아야 합니다. 

그래야지 커맨드를 설정을 하던가 말던가 할 수 있겠죠.

일단은 콘솔(명령어 프롬프트)에 들어가 Ctrl + C 를 눌러 잠시동안 디스코드 봇을 오프라인 상태로 바꾸겠습니다.

이후 다시 애디터( Visual Studio Code )로 돌아가 다음과 같이 입력해줍니다.

client.on('message', message => {
  console.log(message.content);
});

WARNING

위의 코드는 client.login() 위에 올라가야합니다.

자, 우리가 방금 적었던 코드와 아까 쓴 코드의 차이점이 있다면, 그것은 .once 와 .on입니다.  .on은 .once와는 다르게 여러번 실행이 가능하단 말입니다.

자, 방금 적었던 코드를 저장하시고, "node ."를 사용하여 디스코드 봇을 다시 로그인 시켜줍니다.

이후, 디스코드에서 아무 메시지를 입력하면 입력한 메시지가 콘솔창에 뜨게됩니다.

이를 활용하여 우리는 이제 커맨드를 만들겁니다.

기본적인 응답명령어 만들기

우리가 방금 썼던 코드에서 console.log(message.content)부분을 아래의 코드로 대체해줄게요

if (message.content === "!ping" ) {
  // "Pong"으로 되돌려 칩니다.
  message.channel.send("Pong");
}

이러한 식으로 하고 다시 Ctrl + C, node . 으로 다시 실행해 줄게요. 이후, 디스코드에서 만약에 우리가 !Ping이라고 쳤을 경우, 봇은 Pong이라고 답을 합니다.

아래의 사진과 같이요.

수고하셨습니다

오늘 우리는 디스코드 봇을 만들고, 간단한 커맨드까지 만들어보았습니다. 다음시간에는 좀 더 효율적인 config.json 강의로 돌아오겠습니다.

수고하셨습니다

https://discord.gg/2gxSqWu - 마인크래프트 개발자 디스코드