Heroku에서 관리되는 Typescript의 Discord Bot

Hey guys! been a long time since I wrote an Article on Dev!
for the last few months I have been trying to develop using Typescript and host my own apps.

Since Glitch.me decided to ban pinging services like Uptime Robot which was commonly used to host Discord bots along with Glitch. So It was the perfect opportunity to practice my Typescript on this Bot and host on Heroku.

So here's a short and detailed article on how you can setup your own discord Bots written in typescript.

Add Discord Bot to your Server
Code your Bot
Deploying Bot on Heroku

➡️ 1단계: 서버에 Discord Bot 추가

스크린
단계

1. Discord developersportal를 열고 클릭New Application
2. 당신의 로봇에게 새 이름을 지어주고 클릭Create
3. 이미지 제공과 설명을 통해 당신의 로봇을 사용자 정의합니다.

4. Bot 탭에서 Add Bot 을 클릭합니다.

5.SetIcon 및Username
6. OAuth2 탭으로 이동합니다.범위 내의 bot 확인란을 선택합니다.로봇 권한을 설정하여 로봇을 사용자 정의할 수 있습니다.참고: 변경 권한이 업데이트됩니다link. 이 권한은 로봇이 서버에 접근하도록 요청하는 데 사용됩니다.

당신의 로봇을 초대합니다. 위 단계의 링크를 열 때, 새로운 옵션 카드에서 아래의 페이지를 볼 수 있습니다. 이제 로봇을 당신의 모든 서버에 추가할 수 있습니다.

find detailed steps here

2단계: Discord Bot 코드 작성

당신의 로봇의 영패를 얻기 위해 개발자portal로 돌아가 당신의 로봇을 선택하고 Bot 옵션 카드로 이동해야 합니다. 그곳에서 당신의 로봇token을 찾을 수 있습니다.

로봇 프로그램을 작성하는 가장 간단한 방법은 갈라짐this repo을 한 다음에 bot-template 갈라짐을 처리하는 것이다.
또는 저장소, 특히 bot-template 분기를 복제할 수 있습니다.

   $ git clone -b bot-template --single-branch https://github.com/MidasXIV/hive-greeter.git

다음에 저장소의 루트 디렉토리에 .env 파일을 만들고 token 파일을 다음과 같이 추가합니다.

   token=TOKEN_WHICH_YOU_GOT_FROM_DISCORD

.env 파일은 키와 값을 받습니다. 따라서 이 키는 영패입니다. 다른 영패 이름을 제공하려면 src/sonfig/secrets.ts 파일에서 같은 이름을 업데이트해야 합니다. 영패 키를 찾을 수 있기 때문입니다.

   export const DISCORD_TOKEN = process.env["token"];

이제 이 프로젝트를 설치하고 구축할 때입니다.

   $ npm install
   $ npm run start

NPM SCRIPTS 파일에서 볼 수 있습니다. package.json start 명령을 실행하려면 프로젝트를 구축하고 http://localhost:5000/ 에서bot을 실행해야 합니다.src/index.ts 파일에서 포트를 수정할 수 있습니다.

프로젝트를 성공적으로 구축하고 실행하면

   Server started on port 5000
   Hive Greeter has started

현재, 당신은 디스코드 서버에서 당신의 로봇을 온라인으로 볼 수 있을 것입니다.

시작하려면 두 개의 명령greet과 time으로 템플릿을 구성합니다. 로봇을 테스트하려면 서버의 모든 텍스트 채널로 이동하여 > greet 을 입력하면 로봇의 답장을 볼 수 있습니다.

명령을 추가하려면 src/commands 폴더에 새 클래스를 추가하고 참조 greetCommand.ts 파일에 포함시킨 다음 src/commands/index.ts 파일을 사용하여 클래스를 내보내야 합니다.

파일에서 로봇의 접두사 src/CommandHandler.ts 를 업데이트할 수 있습니다.

➡️ 3단계: Heroku에 Bot 배포

설치Heroku Cli

실행 시 Heroku 계정 자격 증명으로 로그인

   $ heroku login

이제 다음 명령을 실행하여 응용 프로그램 이름이라는 응용 프로그램을 만듭니다.

   $ heroku create your-app-name

heroku라는 Git remote를 추가하여 heroku를 가리킵니다.

   $ git remote add heroku https://git.heroku.com/your-app-name.git

Heroku와 GitHub를 통합합니다. 변경 사항을 GitHub 저장소로 전송할 때마다bot을 자동으로 배치할 계획이라면 이 절차를 수행해야 합니다.( detailed steps here )

에서 애플리케이션을 선택합니다.

응용 프로그램의 > 탭으로 이동합니다.

GitHub 통합 사용: GitHub 통합을 구성하려면 GitHub 인증을 사용해야 합니다.Heroku 계정당 한 번만 실행할 수 있습니다.

Github에 연결된 프로그램: 로봇으로 저장소를 선택해야 합니다.

자동 배포: GitHub 브랜치를 자동 배포할 때 Heroku는 모든 브랜치를 구축하고 배포합니다.

설정을 테스트할 때 이 절차를 수행할 필요는 없지만 이 절차를 실행하는 것을 강력히 권장합니다.프로그램이 제대로 설정되었는지 확인하기 위해 로컬에 프로그램을 구축해야 합니다.

$ heroku local

Heroku CLI가 Heroku Dashboard 애플리케이션을 실행합니다.만약 어떤 잘못도 만나지 않았다면, 당신은 올바른 길로 들어섰을 것입니다.

응용 프로그램의 src/config/botConfig.ts 옵션 카드로 이동하여 Deploy 부분에 디스코드 로봇 영패를 설정합니다.
http://localhost:5000/

이 단계를 완료한 후 로봇을 배치할 때 다음과 같이 해야 합니다.

정상적으로 작동하는 Discord 로봇

개발

Heroku 배포를 위한 저장소 설정

만약 모든 것이 순조롭다면, 다음 명령을 실행하여 응용 프로그램을 Heroku에 배치할 수 있습니다.

   $ git push heroku master

주의: 자동 배치를 설치하면 메인 지점에 제출할 때마다 응용 프로그램을 배치할 수 있습니다.
위의 단계를 완료하면 Heroku Cli는 다음과 같이 위탁 관리 응용 프로그램에 대한 링크를 제공합니다.Settings . 대부분의 경우, 개발 의존 항목에 의존 항목이나 설정 문제가 존재할 수 있기 때문에, 첫 번째 배치에서 문제가 발생할 수 있습니다.
문제가 발생하면 실행하십시오.

heroku logs --tail

find detailed steps here

문제가 있는 경우 다음 설명에서 알려주십시오.)
여기서 저장소를 찾을 수 있습니다.

/ MidasXIV 회사

Heroku에서 Typescrit 및 관리되는 Discord js를 사용하여 만든 Discord bot

hive-greeter




Add Discord Bot to your Server
Code your Bot

1단계: 서버에 Discord Bot 추가

단계 표시
스크린
단계
Deploying Bot on Heroku
1. Discord developers를 열고 클릭config varsportal
2. 당신의 로봇에게 새 이름을 지어주고 클릭https://you-app.herokuapp.com
3. 이미지 제공과 설명을 통해 당신의 로봇을 사용자 정의합니다.

4. New Application 탭에서 Create 을 클릭합니다.

5.SetBot 및Add Bot
6. Icon 탭으로 이동합니다.범위 내의 Username 확인란을 선택합니다.로봇 권한을 설정하여 로봇을 사용자 정의할 수 있습니다.참고: 변경 권한이 업데이트됩니다OAuth2. 이 권한은 로봇이 서버에 접근하도록 요청하는 데 사용됩니다.

당신의 로봇을 초대합니다. 위 단계의 링크를 열 때, 새로운 옵션 카드에서 아래의 페이지를 볼 수 있습니다. 이제 로봇을 당신의 모든 서버에 추가할 수 있습니다.

find detailed steps here

2단계: Discord Bot 코드 작성

표시...