មគ្គុទ្ទេសក៍៖ របៀបបង្កើត bot Telegram សាមញ្ញក្នុង JS សម្រាប់អ្នកចាប់ផ្តើមដំបូងក្នុងការសរសេរកម្មវិធី

ខ្ញុំ​បាន​ចាប់​ផ្ដើម​ចូល​ខ្លួន​ឯង​ក្នុង​ពិភព​ព័ត៌មាន​វិទ្យា​តែ​បី​សប្តាហ៍​មុន​ប៉ុណ្ណោះ។ ជាក់ស្តែងកាលពីបីសប្តាហ៍មុន ខ្ញុំមិនយល់វាក្យសម្ព័ន្ធ HTML ទេ ហើយការណែនាំរបស់ខ្ញុំចំពោះភាសាសរសេរកម្មវិធីបានបញ្ចប់ជាមួយនឹងកម្មវិធីសិក្សានៅសាលា Pascal តាំងពី 10 ឆ្នាំមុន។ ទោះជាយ៉ាងណាក៏ដោយ ខ្ញុំបានសម្រេចចិត្តទៅជំរុំ IT ជាកន្លែងដែលវាល្អសម្រាប់ក្មេងៗក្នុងការបង្កើត bot ។ ខ្ញុំបានសម្រេចចិត្តថាវាពិបាកណាស់។

នេះបានចាប់ផ្តើមដំណើរដ៏វែងមួយដែលខ្ញុំ៖

• បានដាក់ពង្រាយ cloud server ជាមួយ Ubuntu,
• បានចុះឈ្មោះនៅលើ GitHub,
• រៀនវាក្យសម្ព័ន្ធ JavaScript មូលដ្ឋាន,
• អានអត្ថបទជាច្រើនជាភាសាអង់គ្លេស និងរុស្ស៊ី
• ទីបំផុតបានបង្កើត bot,
• ទីបំផុតខ្ញុំបានសរសេរអត្ថបទនេះ។

លទ្ធផលចុងក្រោយមើលទៅដូចនេះ៖

ខ្ញុំ​នឹង​និយាយ​ភ្លាម​ថា​នេះ​គឺ​ជា​អត្ថបទ​មួយ​សម្រាប់​អ្នក​ចាប់ផ្តើម​ដំបូង - គ្រាន់តែ​ដើម្បី​យល់​ពី​របៀប​ធ្វើ​រឿង​មូលដ្ឋាន​ពី​ដំបូង។

ហើយផងដែរ - សម្រាប់អ្នកសរសេរកម្មវិធីកម្រិតខ្ពស់ - គ្រាន់តែធ្វើឱ្យពួកគេសើចបន្តិច។

1. របៀបសរសេរកូដក្នុង JS?

ខ្ញុំបានយល់ថាវាមានតម្លៃយ៉ាងហោចណាស់ត្រូវស្វែងយល់វាក្យសម្ព័ន្ធនៃភាសាជាមុនសិន។ ជម្រើសបានធ្លាក់លើ JavaScript ដោយគ្រាន់តែជំហានបន្ទាប់សម្រាប់ខ្ញុំគឺបង្កើតកម្មវិធីនៅក្នុង ReactNative ។ ខ្ញុំចាប់ផ្តើមជាមួយ វគ្គសិក្សា នៅលើ Codecademy ហើយពិតជារីករាយណាស់។ 7 ថ្ងៃដំបូងគឺឥតគិតថ្លៃ។ គម្រោងជាក់ស្តែង។ ខ្ញុំសូមណែនាំ។ ការបញ្ចប់វាត្រូវចំណាយពេលប្រហែល 25 ម៉ោង។ តាមពិតទៅ វាមិនមែនសុទ្ធតែមានប្រយោជន៍នោះទេ។ នេះគឺជាអ្វីដែលរចនាសម្ព័ននៃវគ្គសិក្សាមើលទៅដូចនិងប្លុកដំបូងដោយលម្អិត។

2. តើធ្វើដូចម្តេចដើម្បីចុះឈ្មោះ bot?

នេះ​បាន​ជួយ​ខ្ញុំ​ច្រើន​នៅ​ដើម​ដំបូង អត្ថបទនេះ។ ពីប្លុករបស់ Archakov ជាក់លាក់មួយ។ គាត់ទំពារដំបូង។ ប៉ុន្តែរឿងសំខាន់ដែលនៅទីនោះគឺការណែនាំសម្រាប់ការចុះឈ្មោះ bot ។ ខ្ញុំ​មិន​អាច​សរសេរ​វា​បាន​ល្អ​ជាង​នេះ​ទេ ហើយ​ដោយ​សារ​តែ​នេះ​ជា​ផ្នែក​ដែល​ងាយ​ស្រួល​បំផុត ខ្ញុំ​នឹង​គ្រាន់​តែ​សរសេរ​សង្ខេប​ប៉ុណ្ណោះ។ អ្នកត្រូវបង្កើត bot និងទទួលបាន API របស់វា។ នេះត្រូវបានធ្វើតាមរយៈ bot មួយផ្សេងទៀត - @BotFather ។ ស្វែងរកគាត់តាមទូរលេខ សរសេរទៅគាត់ ដើរតាមផ្លូវសាមញ្ញ ហើយទទួលបាន (រក្សាទុក!) គន្លឹះ API (នេះគឺជាសំណុំលេខ និងអក្សរ)។ វាមានប្រយោជន៍នៅពេលក្រោយ។

3. តើកូដ bot មើលទៅដូចអ្វី?

បន្ទាប់ពីសិក្សាអត្ថបទអស់រយៈពេលជាយូរ ខ្ញុំបានដឹងថាវាមានតម្លៃក្នុងការប្រើបណ្ណាល័យប្រភេទមួយចំនួន (កូដភាគីទីបីក្នុងទម្រង់ម៉ូឌុល) ដើម្បីកុំឱ្យមានការបារម្ភអំពីការសិក្សា Telegram API និងការបង្កើតកូដធំពីដំបូង។ ខ្ញុំបានរកឃើញក្របខ័ណ្ឌ ទូរលេខដែលចាំបាច់ត្រូវភ្ជាប់ជាមួយអ្វីមួយដោយប្រើ npm ឬ yarn ។ នេះជារបៀបដែលខ្ញុំបានយល់នៅពេលនោះ ថាតើការដាក់ពង្រាយ bot មានអ្វីខ្លះ។ សើចនៅទីនេះ។ ខ្ញុំនឹងមិនអាក់អន់ចិត្តទេ។ ឧទាហរណ៍នៅផ្នែកខាងក្រោមនៃទំព័របានជួយខ្ញុំច្រើនបំផុតក្នុងអំឡុងពេលបង្កើត bot ជាបន្តបន្ទាប់៖

3. របៀបបង្កើត cloud server ផ្ទាល់ខ្លួនរបស់អ្នកក្នុងតម្លៃ 100 rubles

បន្ទាប់ពីការស្វែងរកជាច្រើនខ្ញុំបានដឹងថាពាក្យបញ្ជា 'npm' នៅក្នុងរូបភាពខាងលើសំដៅទៅលើបន្ទាត់ពាក្យបញ្ជា។ បន្ទាត់ពាក្យបញ្ជាគឺនៅគ្រប់ទីកន្លែង ប៉ុន្តែដើម្បីអាចប្រតិបត្តិវាបាន អ្នកត្រូវដំឡើង NodePackageManager ។ បញ្ហាគឺថាខ្ញុំកំពុងសរសេរកម្មវិធីនៅលើ PixelBook ជាមួយ ChromeOS ។ ខ្ញុំនឹងរំលងនៅទីនេះនូវប្លុកដ៏ធំមួយអំពីរបៀបដែលខ្ញុំបានរៀនលីនុច - សម្រាប់ភាគច្រើនវាទទេ និងមិនចាំបាច់។ ប្រសិនបើអ្នកមាន Windows ឬ MacBook អ្នកមានកុងសូលរួចហើយ។

សរុបមក ខ្ញុំបានដំឡើង Linux តាមរយៈ Cristini។

ទោះយ៉ាងណាក៏ដោយ នៅក្នុងដំណើរការនេះ ខ្ញុំបានដឹងថាដើម្បីឱ្យ bot ដំណើរការជានិច្ច (ហើយមិនត្រឹមតែនៅពេលដែលកុំព្យូទ័ររបស់ខ្ញុំបើកទេ) ខ្ញុំត្រូវការម៉ាស៊ីនមេពពក។ ខ្ញុំបានជ្រើសរើស vscale.io ខ្ញុំបានចំណាយ 100 rubles ហើយបានទិញម៉ាស៊ីនមេ Ubuntu ថោកបំផុត (មើលរូបភាព)។

4. របៀបរៀបចំ server ដើម្បីដំណើរការ bot

បន្ទាប់ពីនោះមក ខ្ញុំបានដឹងថា ខ្ញុំត្រូវការបង្កើត folder មួយចំនួននៅលើ server ដែលខ្ញុំនឹងដាក់ file ជាមួយអត្ថបទកូដ។ ដើម្បីធ្វើដូចនេះនៅក្នុងកុងសូល (ដំណើរការដោយផ្ទាល់នៅលើគេហទំព័រតាមរយៈប៊ូតុង "បើកកុងសូល") ខ្ញុំបានបញ្ចូល

mkdir bot

bot - វាបានក្លាយជាឈ្មោះនៃថតរបស់ខ្ញុំ។ បន្ទាប់ពីនោះ ខ្ញុំបានដំឡើង npm និង Node.js ដែលនឹងអនុញ្ញាតឱ្យខ្ញុំដំណើរការកូដពីឯកសារជាមួយនឹងគុណភាពបង្ហាញ *.js

sudo apt update
sudo apt install nodejs
sudo apt install npm

ខ្ញុំសូមផ្តល់អនុសាសន៍យ៉ាងខ្លាំងឱ្យដំឡើងការតភ្ជាប់ទៅម៉ាស៊ីនមេតាមរយៈកុងសូលរបស់អ្នកនៅដំណាក់កាលនេះ។ នៅទីនេះ ការណែនាំ វានឹងអនុញ្ញាតឱ្យអ្នកធ្វើការជាមួយម៉ាស៊ីនមេដោយផ្ទាល់តាមរយៈកុងសូលនៃកុំព្យូទ័ររបស់អ្នក។

5. របៀបសរសេរកូដសម្រាប់ bot ដំបូងរបស់អ្នក។

ប៉ុន្តែឥឡូវនេះ វាគ្រាន់តែជាការរកឃើញសម្រាប់ខ្ញុំប៉ុណ្ណោះ។ កម្មវិធីណាមួយគ្រាន់តែជាបន្ទាត់នៃអត្ថបទ។ ពួកវាអាចបញ្ចូលបានគ្រប់ទីកន្លែង រក្សាទុកជាមួយផ្នែកបន្ថែមដែលចង់បាន ហើយនោះជាវា។ អ្នក​ពិតជា​ស្រស់​ស្អាត។ ខ្ញុំបានប្រើ អាតូមប៉ុន្តែតាមពិត អ្នកគ្រាន់តែអាចសរសេរក្នុង notepad ស្តង់ដារប៉ុណ្ណោះ។ រឿងចំបងគឺត្រូវរក្សាទុកឯកសារនៅពេលក្រោយក្នុងផ្នែកបន្ថែមដែលចង់បាន។ វាដូចជាការសរសេរអត្ថបទនៅក្នុង 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. របៀបបញ្ចូលកូដទៅកាន់ server តាមរយៈ github

ឥឡូវ​នេះ​ខ្ញុំ​ត្រូវ​ការ​ដូចម្ដេច​ដើម្បី​ផ្ទុក​ឡើង​កូដ​នេះ​ទៅ​ម៉ាស៊ីន​បម្រើ​ហើយ​រត់​វា​។ នេះបានក្លាយជាបញ្ហាប្រឈមសម្រាប់ខ្ញុំ។ ជាលទ្ធផល បន្ទាប់ពីមានបញ្ហាជាច្រើន ខ្ញុំបានដឹងថាវានឹងកាន់តែងាយស្រួលក្នុងការបង្កើតឯកសារនៅលើ github ដែលអនុញ្ញាតឱ្យអ្នកធ្វើបច្ចុប្បន្នភាពកូដដោយប្រើពាក្យបញ្ជានៅក្នុងកុងសូល។ ខ្ញុំបានចុះឈ្មោះគណនីនៅលើ GitHub ហើយបានធ្វើ គម្រោង​ថ្មីដែលជាកន្លែងដែលខ្ញុំបានបង្ហោះឯកសារ។ បន្ទាប់ពីនោះមក ខ្ញុំត្រូវស្វែងយល់ពីរបៀបរៀបចំការអាប់ឡូតឯកសារពីគណនីរបស់ខ្ញុំ (បើក!) ទៅកាន់ server នៅក្នុង bot folder (ប្រសិនបើអ្នកទុកវាចោលភ្លាមៗ គ្រាន់តែសរសេរ cd bot)។

7. របៀបផ្ទុកឯកសារទៅកាន់ server តាមរយៈ github part 2

ខ្ញុំត្រូវដំឡើងកម្មវិធីនៅលើ server ដែលនឹងទាញយកឯកសារពី git ។ ខ្ញុំបានដំឡើង git នៅលើ server ដោយវាយចូលទៅក្នុងកុងសូល។

apt-get install git

បន្ទាប់ពីនោះខ្ញុំត្រូវកំណត់រចនាសម្ព័ន្ធការបង្ហោះឯកសារ។ ដើម្បីធ្វើដូច្នេះខ្ញុំបានវាយបញ្ចូលទៅក្នុងបន្ទាត់ពាក្យបញ្ជា

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

ជាលទ្ធផល អ្វីគ្រប់យ៉ាងពីគម្រោងត្រូវបានផ្ទុកឡើងទៅកាន់ម៉ាស៊ីនមេ។ កំហុសនៅដំណាក់កាលនេះគឺថាខ្ញុំបានបង្កើតថតទីពីរនៅក្នុងថតឯកសារដែលមានស្រាប់រួចហើយ។ អាសយដ្ឋានទៅឯកសារមើលទៅដូចជា */bot/bot/index.js

ខ្ញុំបានសម្រេចចិត្តមិនអើពើនឹងបញ្ហានេះ។

ហើយដើម្បីផ្ទុកបណ្ណាល័យ telegraf ដែលយើងស្នើសុំក្នុងជួរទីមួយនៃកូដ សូមវាយពាក្យបញ្ជាទៅក្នុងកុងសូល។

npm install telegraf

8. របៀបបើកដំណើរការ bot

ដើម្បីធ្វើដូចនេះខណៈពេលដែលនៅក្នុងថតជាមួយឯកសារ (ដើម្បីផ្លាស់ទីពីថតមួយទៅថតតាមរយៈកុងសូលសូមដំណើរការពាក្យបញ្ជាទ្រង់ទ្រាយ cd bot ដើម្បីប្រាកដថាអ្នកជាកន្លែងដែលអ្នកត្រូវទៅ អ្នកអាចបញ្ចូលពាក្យបញ្ជាដែលនឹងបង្ហាញនៅក្នុងកុងសូលនូវឯកសារ និងថតឯកសារទាំងអស់ដែលមាននៅទីនោះ។ ls -a

ដើម្បីចាប់ផ្តើម ខ្ញុំបានចូលទៅក្នុងកុងសូល។

node index.js

ប្រសិនបើមិនមានកំហុសអ្វីទាំងអស់គឺល្អ bot កំពុងដំណើរការ។ រកមើលគាត់តាមតេឡេក្រាម។ ប្រសិនបើមានកំហុសសូមអនុវត្តចំណេះដឹងរបស់អ្នកពីចំណុច 1 ។

9. របៀបដំណើរការ bot ក្នុងផ្ទៃខាងក្រោយ

យ៉ាង​ឆាប់​រហ័ស អ្នក​នឹង​ដឹង​ថា bot ដំណើរការ​តែ​នៅ​ពេល​អ្នក​ខ្លួន​ឯង​កំពុង​អង្គុយ​ក្នុង​កុងសូល​ប៉ុណ្ណោះ។ ដើម្បីដោះស្រាយបញ្ហានេះខ្ញុំបានប្រើពាក្យបញ្ជា

screen

បន្ទាប់ពីនេះ អេក្រង់ដែលមានអត្ថបទមួយចំនួននឹងបង្ហាញឡើង។ នេះមានន័យថាអ្វីៗគឺល្អ។ អ្នកនៅលើម៉ាស៊ីនមេនិម្មិតនៅលើម៉ាស៊ីនមេពពក។ ដើម្បីយល់កាន់តែច្បាស់អំពីរបៀបដែលវាដំណើរការទាំងអស់ - នេះគឺជាអត្ថបទ. គ្រាន់តែចូលទៅកាន់ថតរបស់អ្នកហើយបញ្ចូលពាក្យបញ្ជាដើម្បីបើកដំណើរការ bot

node index.js

10. របៀបដែល bot ដំណើរការ និងរបៀបពង្រីកមុខងាររបស់វា។

តើ bot គំរូរបស់យើងអាចធ្វើអ្វីបាន? គាត់​អាច

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()

ប្រសិនបើអ្នកក្រឡេកមើលលេខកូដ GitHubបន្ទាប់មក អ្នក​នឹង​យល់​យ៉ាង​ឆាប់​រហ័ស​ថា ខ្ញុំ​មិន​បាន​ទៅ​ឆ្ងាយ​ពី​មុខងារ​នេះ​ទេ។ អ្វីដែលត្រូវបានប្រើប្រាស់យ៉ាងសកម្មគឺមុខងារ ctx.replyWithPhoto វាអនុញ្ញាតឱ្យអ្នកផ្ញើរូបថតឬ gif ដែលបានបញ្ជាក់ក្នុងការឆ្លើយតបទៅនឹងអត្ថបទជាក់លាក់មួយ។

ផ្នែកសំខាន់នៃកូដត្រូវបានសរសេរដោយកុមារដែលមានអាយុពី 11-13 ឆ្នាំ ដែលខ្ញុំបានអនុញ្ញាតឱ្យចូលប្រើ bot ។ ពួកគេបានបញ្ចូលករណីអ្នកប្រើប្រាស់របស់ពួកគេ។ ខ្ញុំ​គិត​ថា​វា​ងាយ​ស្រួល​ក្នុង​ការ​ប្រាប់​ថា​ផ្នែក​ណា​ត្រូវ​បាន​បង្កើត​ឡើង​ដោយ​ពួក​គេ។

ជាឧទាហរណ៍ សារ "Jake" នឹងទទួលបាន GIF ដែលមានតួអក្សរដ៏ល្បីល្បាញពីតុក្កតា Adventure Time ។

ដើម្បីអភិវឌ្ឍ bot បន្ថែមទៀត អ្នកត្រូវភ្ជាប់ក្តារចុច មើលឧទាហរណ៍ ឧទាហរណ៍ ពីទីនេះ

11. របៀបអាប់ដេតកូដ និងចាប់ផ្តើម bot ឡើងវិញ

កុំភ្លេចថាអ្នកត្រូវអាប់ដេតកូដមិនត្រឹមតែនៅលើ github ប៉ុណ្ណោះទេ ថែមទាំងនៅលើ server ផងដែរ។ វាងាយស្រួលធ្វើ - បញ្ឈប់ bot (ចុច ctrl + c),

- ចូលទៅក្នុងកុងសូលខណៈពេលដែលនៅក្នុងថតគោលដៅ, git pull
- យើងបើកដំណើរការបូតម្តងទៀតដោយប្រើពាក្យបញ្ជា node index.js

END

អ្វីៗជាច្រើនដែលបានពិពណ៌នានៅក្នុងឯកសារនេះនឹងមានភាពច្បាស់លាស់ចំពោះអ្នកសរសេរកម្មវិធីកម្រិតខ្ពស់។ ទោះជាយ៉ាងណាក៏ដោយ នៅពេលដែលខ្លួនខ្ញុំផ្ទាល់បានព្យាយាមលោតពីលើជ្រោះទៅកាន់ពិភពនៃ bots មួយរំពេចនោះ ខ្ញុំពិតជាខកខានការណែនាំបែបនេះ។ មគ្គុទ្ទេសក៍ដែលមិននឹកអ្វីដែលជាក់ស្តែង និងសាមញ្ញសម្រាប់អ្នកជំនាញ IT ណាមួយ។

នៅពេលអនាគត ខ្ញុំគ្រោងនឹងប្រកាសអំពីរបៀបបង្កើតកម្មវិធីដំបូងរបស់អ្នកនៅលើ ReactNative ក្នុងរចនាប័ទ្មដូចគ្នា សូមជាវ!

ប្រភព: www.habr.com