가이드: 프로그래밍 초보자를 위해 JS로 간단한 텔레그램 봇을 만드는 방법

저는 불과 10주 전부터 IT 세계에 빠져들기 시작했습니다. 진지하게, XNUMX주 전에는 HTML 구문도 이해하지 못했고, 프로그래밍 언어에 대한 소개는 XNUMX년 전 학교 커리큘럼인 파스칼로 끝났습니다. 하지만 아이들이 봇을 만들어보면 좋을 것 같아서 IT캠프에 가기로 했어요. 나는 그것이 그다지 어렵지 않다고 결정했습니다.

나는 다음과 같은 긴 여정을 시작했습니다.

• 클라우드 서버를 배포했습니다. Ubuntu,
• GitHub에 등록되어 있으며,
• 기본 JavaScript 구문을 배웠습니다.
• 영어와 러시아어로 된 수많은 기사를 읽고,
• 드디어 봇을 만들었습니다
• 드디어 이 글을 쓰게 되었습니다.

최종 결과는 다음과 같았습니다.

이 글은 초보자를 위한 글이라고 바로 말씀드리겠습니다. 기본적인 작업을 처음부터 수행하는 방법을 이해하기 위한 것입니다.

또한 고급 프로그래머의 경우 약간 웃게 만들 수도 있습니다.

1. JS에서 코드를 작성하는 방법은 무엇입니까?

나는 적어도 언어의 구문을 먼저 이해하는 것이 가치가 있다는 것을 이해했습니다. 선택은 JavaScript로 이루어졌습니다. 왜냐하면 저의 다음 단계는 ReactNative에서 애플리케이션을 만드는 것이었기 때문입니다. 나는 시작했다 강의 Codecademy에서 매우 기뻤습니다. 처음 7일은 무료입니다. 실제 프로젝트. 추천합니다. 완료하는데 약 25시간이 걸렸습니다. 사실, 그 모든 것이 유용한 것은 아니었습니다. 이것이 코스의 구조와 첫 번째 블록의 세부 모습입니다.

2. 봇을 등록하는 방법은 무엇인가요?

이게 초반에 많은 도움이 됐어요 이 기사 특정 Archakov의 블로그에서. 그는 처음부터 씹습니다. 그러나 가장 중요한 것은 봇 등록에 대한 지침입니다. 이보다 더 잘 쓸 수는 없고, 이게 가장 쉬운 부분이라 요점만 쓰겠습니다. 봇을 생성하고 해당 API를 가져와야 합니다. 이는 @BotFather라는 다른 봇을 통해 수행됩니다. 텔레그램에서 그를 찾아 편지를 쓰고 간단한 경로를 따라 API 키(숫자와 문자 집합)를 받으세요(저장!). 나중에 유용했습니다.

3. 봇 코드는 어떤 모습인가요?

오랫동안 기사를 연구한 후 Telegram API를 연구하고 처음부터 큰 코드 조각을 생성하는 것에 대해 걱정할 필요가 없도록 일종의 라이브러리(모듈 형식의 타사 코드)를 사용할 가치가 있다는 것을 깨달았습니다. 프레임워크를 찾았습니다 전신, 이는 npm 또는 원사를 사용하여 어떻게든 연결되어야 했습니다. 이것이 제가 봇 배포가 무엇으로 구성되어 있는지 대략적으로 이해한 방법입니다. 여기서 웃으세요. 나는 화를 내지 않을 것이다. 페이지 하단의 예는 이후 봇을 생성하는 동안 나에게 가장 큰 도움이 되었습니다.

3. 100루블의 클라우드 서버를 만드는 방법

한참을 찾아본 끝에 위 이미지의 'npm' 명령어가 명령줄을 의미한다는 것을 알게 되었습니다. 명령줄은 어디에나 있지만, 실행하려면 NodePackageManager를 설치해야 합니다. 문제는 제가 ChromeOS가 설치된 PixelBook에서 프로그래밍을 하고 있었다는 점입니다. 제가 어떻게 이 문제를 해결했는지에 대한 자세한 설명은 생략하겠습니다. Linux - 대부분의 사람들에게는 공허하고 불필요한 것입니다. 만약 당신이 가지고 있다면 Windows 맥북을 사용하신다면 이미 콘솔을 가지고 계신 셈입니다.

간단히 말해서, 저는 이렇게 했습니다. Linux 크로스티니를 통해.

하지만 그 과정에서 봇이 지속적으로 작동하려면(내 컴퓨터가 켜져 있을 때만이 아니라) 클라우드 서버가 필요하다는 것을 깨달았습니다. 나는 선택했다 vscale.io 100루블을 입금하고 가장 저렴한 서버를 구매했습니다. Ubuntu (사진 참조).

4. 봇을 실행하기 위한 서버 준비 방법

그 후, 서버에 코드 텍스트가 포함된 파일을 저장할 일종의 폴더를 만들어야 한다는 것을 깨달았습니다. 이를 위해 콘솔("Open console" 버튼을 통해 웹사이트에서 직접 실행)에 다음을 입력했습니다.

mkdir bot

bot - 이것이 내 폴더의 이름이 되었습니다. 그 후 npm과 Node.js를 설치했는데, 이를 통해 *.js 해상도의 파일에서 코드를 실행할 수 있었습니다.

sudo apt update
sudo apt install nodejs
sudo apt install npm

이 단계에서는 콘솔을 통해 서버에 대한 연결을 설정하는 것이 좋습니다. 여기 교수 이렇게 하면 컴퓨터 콘솔을 통해 직접 서버로 작업할 수 있습니다.

5. 첫 번째 봇의 코드를 작성하는 방법.

하지만 이제 그것은 나에게 단지 하나의 발견일 뿐입니다. 모든 프로그램은 단지 텍스트 줄일 뿐입니다. 어디에나 삽입할 수 있고, 원하는 확장명으로 저장할 수 있습니다. 그게 전부입니다. 아름다우세요. 나는 사용했다 원자, 하지만 실제로는 표준 메모장으로 작성하면 됩니다. 가장 중요한 것은 나중에 원하는 확장자로 파일을 저장하는 것입니다. Word에서 텍스트를 작성하고 저장하는 것과 같습니다.

나는 새로운 파일을 만들었고, 여기에 telegraf 페이지의 예제 코드를 삽입하고 index.js 파일에 저장했습니다(일반적으로 파일 이름을 그런 식으로 지정할 필요는 없지만 이것이 관례입니다). 중요 - BOT_TOKEN 대신 두 번째 단락의 API 키를 삽입하세요.

const Telegraf = require('telegraf')

const bot = new Telegraf(process.env.BOT_TOKEN)
bot.start((ctx) => ctx.reply('Welcome!'))
bot.help((ctx) => ctx.reply('Send me a sticker'))
bot.on('sticker', (ctx) => ctx.reply(''))
bot.hears('hi', (ctx) => ctx.reply('Hey there'))
bot.launch()

6. github를 통해 서버에 코드를 업로드하는 방법

이제 어떻게든 이 코드를 서버에 업로드하고 실행해야 했습니다. 이것은 나에게 하나의 도전이 되었다. 결과적으로 많은 시련 끝에 콘솔에서 명령을 사용하여 코드를 업데이트할 수 있는 파일을 github에 만드는 것이 더 쉬울 것이라는 것을 깨달았습니다. 에 계정을 등록했습니다 github 그리고 그랬다 새 프로젝트, 여기에 파일을 업로드했습니다. 그 후에는 내 계정(열기!)에서 봇 폴더의 서버로 파일을 업로드하도록 설정하는 방법을 알아내야 했습니다(갑자기 폴더를 떠난 경우 CD 봇을 작성하면 됩니다).

7. Github를 통해 서버에 파일을 업로드하는 방법 2부

Git에서 파일을 다운로드하는 프로그램을 서버에 설치해야 했습니다. 콘솔에 입력하여 서버에 git을 설치했습니다.

apt-get install git

그런 다음 파일 업로드를 구성해야 했습니다. 이를 위해 명령줄에 입력했습니다.

git clone git://github.com/b0tank/bot.git bot

결과적으로 프로젝트의 모든 내용이 서버에 업로드되었습니다. 이 단계의 실수는 기본적으로 이미 존재하는 봇 폴더 안에 두 번째 폴더를 만들었다는 것입니다. 파일 주소는 */bot/bot/index.js와 같았습니다.

나는 이 문제를 무시하기로 결정했습니다.

코드의 첫 번째 줄에서 요청하는 telegraf 라이브러리를 로드하려면 콘솔에 명령을 입력하세요.

npm install telegraf

8. 봇 실행 방법

이렇게 하려면 파일이 있는 폴더에 있는 동안(콘솔을 통해 폴더에서 폴더로 이동하려면 format 명령을 실행하세요) cd bot 현재 필요한 위치에 있는지 확인하기 위해 콘솔에 있는 모든 파일과 폴더를 표시하는 명령을 입력할 수 있습니다. ls -a

시작하려면 콘솔에 들어갔습니다.

node index.js

오류가 없으면 모든 것이 정상이며 봇이 작동하는 것입니다. 텔레그램에서 그를 찾아보세요. 오류가 있는 경우 1번 항목의 지식을 적용하세요.

9. 백그라운드에서 봇을 실행하는 방법

당신은 콘솔에 앉아 있을 때만 봇이 작동한다는 것을 아주 빨리 깨닫게 될 것입니다. 이 문제를 해결하기 위해 다음 명령을 사용했습니다.

screen

그러면 일부 텍스트가 포함된 화면이 나타납니다. 이는 모든 것이 괜찮다는 것을 의미합니다. 귀하는 클라우드 서버의 가상 서버에 있습니다. 모든 것이 어떻게 작동하는지 더 잘 이해하려면 - 여기 기사가 있습니다. 폴더로 이동하여 명령을 입력하여 봇을 시작하세요.

node index.js

10. 봇 작동 방식 및 기능 확장 방법

예시 봇은 무엇을 할 수 있나요? 그는 할 수있다

bot.start((ctx) => ctx.reply('Welcome!'))

"환영합니다!" 시작 순간 (텍스트를 변경해 보세요)

bot.help((ctx) => ctx.reply('Send me a sticker'))

표준 /help 명령에 대한 응답으로 "스티커를 보내주세요"라는 메시지를 보냅니다.

bot.on('sticker', (ctx) => ctx.reply(''))

스티커에 대한 응답으로 승인 보내기

bot.hears('hi', (ctx) => ctx.reply('Hey there'))

그 사람에게 "안녕"이라고 쓰면 "안녕하세요"라고 대답하세요
bot.launch()

에서 코드를 보면 github, 그러면 내가 이 기능에서 크게 벗어나지 않았다는 것을 금방 이해하게 될 것입니다. 적극적으로 사용되는 기능은 ctx.replyWithPhoto 특정 텍스트에 대한 응답으로 지정된 사진이나 GIF를 보낼 수 있습니다.

코드의 상당 부분은 제가 봇에 대한 액세스 권한을 부여한 11~13세 어린이가 작성한 것입니다. 그들은 사용자 사례를 입력했습니다. 어느 부분이 어느 부분에서 만들어졌는지 쉽게 알 수 있을 것 같아요.

예를 들어, "Jake"라는 메시지는 만화 Adventure Time의 유명한 캐릭터가 포함된 GIF를 받게 됩니다.

봇을 더욱 발전시키려면 키보드를 연결해야 합니다. 예를 들면 다음과 같습니다. 따라서

11. 코드를 업데이트하고 봇을 다시 시작하는 방법

Github뿐만 아니라 서버에서도 코드를 업데이트해야 한다는 점을 잊지 마세요. 이는 쉽습니다. 봇을 중지하고(ctrl+c 누르기),

- 대상 폴더에 있는 동안 콘솔에 들어가십시오. git pull
— 다음 명령을 사용하여 봇을 다시 시작합니다. node index.js

END

이 파일에 설명된 많은 내용은 고급 프로그래머에게는 매우 분명합니다. 하지만 나 자신이 틈을 뛰어 넘어 봇의 세계로 단번에 뛰어 내려고했을 때 그런 가이드가 정말 그리워졌습니다. IT 전문가라면 누구나 당연하고 간단한 것들을 놓치지 않는 안내서.

앞으로 같은 스타일로 ReactNative에서 첫 번째 애플리케이션을 만드는 방법에 대한 게시물을 계획 중입니다.

출처 : habr.com