လမ်းညွှန်- ပရိုဂရမ်းမင်းစတင်သူအတွက် JS တွင် ရိုးရှင်းသော Telegram bot တစ်ခုကို မည်သို့ပြုလုပ်ရမည်နည်း။

အိုင်တီလောကထဲကို လွန်ခဲ့တဲ့သုံးပတ်လောက်က စပြီး နှစ်မြှုပ်ခဲ့တယ်။ လေးလေးနက်နက်ပြောရရင် လွန်ခဲ့တဲ့သုံးပတ်လောက်က HTML syntax ကိုတောင် နားမလည်ခဲ့ဘဲ လွန်ခဲ့တဲ့ 10 နှစ်က Pascal မှာ ကျောင်းသင်ရိုးညွှန်းတမ်းတစ်ခုနဲ့ ပရိုဂရမ်းမင်းဘာသာစကားတွေကို မိတ်ဆက်ခြင်းနဲ့ အဆုံးသတ်ခဲ့ပါတယ်။ ဒါပေမယ့် ကလေးတွေအတွက် bot တစ်ခုလုပ်ရတာ အဆင်ပြေမယ့် IT စခန်းကို သွားဖို့ ဆုံးဖြတ်လိုက်တယ်။ ခက်တော့ခက်တယ်လို့ ဆုံးဖြတ်လိုက်တယ်။

ဒီခရီးရှည်ကြီးကို ကျွန်တော်စတင်ခဲ့တယ်

• Ubuntu ဖြင့် cloud server ကို ဖြန့်ကျက်ပြီး၊
• GitHub တွင် စာရင်းသွင်း၊
• အခြေခံ JavaScript syntax ကို သင်ယူပြီး၊
• အင်္ဂလိပ်နှင့် ရုရှားဘာသာဖြင့် ဆောင်းပါးများစွာကို ဖတ်ပြီး၊
• နောက်ဆုံးတော့ bot တစ်ခုလုပ်လိုက်တယ်၊
• ငါနောက်ဆုံးတော့ဒီဆောင်းပါးကိုရေးခဲ့တယ်။

နောက်ဆုံးရလဒ်သည် ဤကဲ့သို့ ဖြစ်သည်-

ဒီဆောင်းပါးဟာ အစကနေစလို့ အခြေခံအရာတွေကို ဘယ်လိုလုပ်ဆောင်ရမလဲဆိုတာ နားလည်ဖို့ ဒီဆောင်းပါးဟာ စတင်သူများအတွက် ဆောင်းပါးတစ်ပုဒ်ဖြစ်ကြောင်း ချက်ချင်းပြောပါမယ်။

ထို့အပြင် - အဆင့်မြင့်ပရိုဂရမ်မာများအတွက် - သူတို့ကိုအနည်းငယ်ရယ်မောစေရုံပါပဲ။

1. JS တွင် ကုဒ်ရေးနည်း။

အနည်းဆုံးတော့ ဘာသာစကားရဲ့ syntax ကို အရင်နားလည်ရကျိုးနပ်တယ်လို့ ကျွန်တော်နားလည်ပါတယ်။ ကျွန်ုပ်အတွက် နောက်တစ်ဆင့်မှာ ReactNative တွင် အက်ပလီကေးရှင်းတစ်ခု ဖန်တီးရန်ဖြစ်သောကြောင့် JavaScript တွင် ရွေးချယ်မှုမှာ ကျဆင်းသွားပါသည်။ ငါနှင့်အတူစတင်ခဲ့သည်။ သင်တန်း Codecademy မှာ အရမ်းပျော်သွားတယ်။ ပထမ ၇ ရက် အခမဲ့ဖြစ်သည်။ တကယ့် ပရောဂျက်တွေ။ ကျွန်တော်အကြံပြုသည်မှာ။ ပြီးရန် ၂၅ နာရီခန့် ကြာသည်။ တကယ်တော့ အားလုံးက အသုံးမဝင်ပါဘူး။ ဤသည်မှာ သင်တန်း၏ဖွဲ့စည်းပုံသဏ္ဌာန်နှင့် ပထမအကွက်ကို အသေးစိတ်ဖော်ပြခြင်းဖြစ်သည်။

2. bot တစ်ခုကို ဘယ်လို မှတ်ပုံတင်ရမလဲ။

ဒါက အစပိုင်းမှာ အများကြီး ကူညီပေးခဲ့တယ်။ ဤဆောင်းပါးတွင် အချို့သော Archakov ၏ဘလော့ဂ်မှ သူက အစကတည်းက ဝါးတယ်။ သို့သော် အဓိကအချက်မှာ bot တစ်ခုကို မှတ်ပုံတင်ရန် ညွှန်ကြားချက်များ ရှိပါသည်။ ပိုကောင်းအောင်တော့ မရေးနိုင်ပါဘူး၊ ဒါက အလွယ်ဆုံးအပိုင်းမို့ အတိုချုံးရေးလိုက်မယ်။ သင်သည် bot တစ်ခုကို ဖန်တီးပြီး ၎င်း၏ API ကို ရယူရန် လိုအပ်သည်။ ၎င်းကို အခြား bot - @BotFather မှတဆင့် လုပ်ဆောင်သည်။ သူ့ကို ကြေးနန်းစာနဲ့ ရှာပါ၊ သူ့ဆီ စာရေးပါ၊ ရိုးရှင်းတဲ့ လမ်းကြောင်းအတိုင်း လိုက်ကာ API သော့တစ်ခု (ဒါက နံပါတ်နဲ့ စာလုံးအစုံ) ကို ရယူလိုက်ပါ။ နောက်ပိုင်းတွင် အဆင်ပြေလာသည်။

3. bot ကုဒ်က ဘယ်လိုပုံစံလဲ။

ဆောင်းပါးများကို အချိန်အတော်ကြာလေ့လာပြီးနောက်၊ Telegram API ကိုလေ့လာပြီး ကုဒ်အများအပြားကို အစကနေဖန်တီးခြင်းအတွက် စိတ်ပူစရာမလိုစေရန်အတွက် စာကြည့်တိုက်တစ်မျိုးမျိုး (တတိယပါတီကုဒ်ကို module ဖော်မတ်) အသုံးပြုရကျိုးနပ်ကြောင်း သိရှိလိုက်ရပါသည်။ ဘောင်ကိုတွေ့တယ်။ ကြေးနန်းစာnpm သို့မဟုတ် yarn ကို အသုံးပြု၍ တစ်စုံတစ်ခုနှင့် တစ်နည်းနည်းဖြင့် ချိတ်ဆက်ရန် လိုအပ်သည်။ ဒါက bot တစ်ခုရဲ့ deployment ဆိုတာကို အကြမ်းဖျင်းနားလည်ပုံပါပဲ။ ဒီမှာ ရယ်။ ငါအငြိုးမထားဘူး။ စာမျက်နှာ၏အောက်ခြေရှိ ဥပမာများသည် bot ၏နောက်ဆက်တွဲဖန်တီးမှုအတွင်း ကျွန်ုပ်အား အကောင်းဆုံးကူညီပေးခဲ့သည်-

3. သင့်ကိုယ်ပိုင် cloud server ကို 100 ရူဘယ်ဖြင့် ဖန်တီးနည်း

အများကြီးရှာဖွေပြီးနောက်၊ အပေါ်ကပုံထဲက 'npm' command သည် command line ကိုရည်ညွှန်းကြောင်းငါသဘောပေါက်လာသည်။ command line သည် နေရာတိုင်းတွင်ရှိသော်လည်း ၎င်းကို execute လုပ်ရန်အတွက်၊ သင်သည် NodePackageManager ကို install လုပ်ရန်လိုအပ်သည်။ ပြဿနာမှာ ChromeOS ဖြင့် PixelBook ပေါ်တွင် ပရိုဂရမ်ရေးနေခြင်းဖြစ်သည်။ Linux ကို သင်ယူပုံအကြောင်း ကြီးမားသော ဘလောက်တစ်ခုကို ဤနေရာတွင် ကျော်သွားပါမည် - အများစုမှာ ၎င်းသည် ဗလာဖြစ်ပြီး မလိုအပ်သောကြောင့် ဖြစ်သည်။ သင့်တွင် Windows သို့မဟုတ် MacBook ရှိပါက၊ သင့်တွင် ကွန်ဆိုးလ်တစ်ခု ရှိနှင့်ပြီးဖြစ်သည်။

အတိုချုပ်အားဖြင့်၊ ငါ Cristini မှတစ်ဆင့် Linux ကိုထည့်သွင်းခဲ့သည်။

သို့သော်လည်း၊ လုပ်ငန်းစဉ်တွင်၊ bot သည် အဆက်မပြတ်အလုပ်လုပ်ရန်အတွက် (ကျွန်ုပ်၏ကွန်ပျူတာကိုဖွင့်ထားရုံသာမက) cloud server တစ်ခုလိုအပ်ကြောင်း ကျွန်ုပ်သဘောပေါက်ပါသည်။ ကျွန်တော်ရွေးသည် vscale.io ကျွန်ုပ်သည် ရူဘယ် 100 သုံးစွဲပြီး အသက်သာဆုံး Ubuntu ဆာဗာကို ဝယ်ခဲ့သည် (ပုံတွင်ကြည့်ပါ)။

4. bot တစ်ခုလည်ပတ်ရန်ဆာဗာကိုပြင်ဆင်နည်း

ထို့နောက်တွင်၊ ကျွန်ုပ်သည် ကုဒ်စာသားဖြင့် ဖိုင်ကိုထည့်မည့် ဆာဗာတွင် ဖိုဒါမျိုးပြုလုပ်ရန် လိုအပ်ကြောင်း ကျွန်ုပ်သဘောပေါက်ခဲ့သည်။ ဒါကိုလုပ်ဖို့၊ ကွန်ဆိုးလ်ထဲမှာ (“Open console” ခလုတ်ကနေတဆင့် ဝဘ်ဆိုဒ်ကို တိုက်ရိုက် run) ငါဝင်သွားတယ်။

mkdir bot

bot - ဒါက ငါ့ဖိုဒါရဲ့ နာမည်ဖြစ်လာတယ်။ ထို့နောက်တွင်၊ ကျွန်ုပ်သည် npm နှင့် Node.js ကို ထည့်သွင်းခဲ့ပြီး၊ ထို့နောက် *.js resolution ရှိသော ဖိုင်များမှ ကုဒ်ကို run နိုင်စေမည်ဖြစ်သည်။

sudo apt update
sudo apt install nodejs
sudo apt install npm

ဤအဆင့်တွင် သင်၏ ကွန်ဆိုးလ်မှတဆင့် ဆာဗာသို့ ချိတ်ဆက်မှုတစ်ခုကို စတင်ရန် ကျွန်ုပ် အထူးအကြံပြုလိုပါသည်။ ဒီမှာ ညွှန်ကြားချက် ၎င်းသည် သင့်ကွန်ပျူတာ၏ ကွန်ဆိုးလ်မှတဆင့် ဆာဗာနှင့် တိုက်ရိုက်အလုပ်လုပ်နိုင်စေမည်ဖြစ်သည်။

5. သင့်ပထမဆုံး bot အတွက် ကုဒ်ကို ဘယ်လိုရေးရမလဲ။

ဒါပေမယ့် အခုတော့ ဒါဟာ ငါ့အတွက် ရှာဖွေတွေ့ရှိမှုတစ်ခုပါပဲ။ မည်သည့်ပရိုဂရမ်မဆို စာသားလိုင်းများသာဖြစ်သည်။ ၎င်းတို့ကို မည်သည့်နေရာတွင်မဆို ထည့်သွင်းနိုင်သည်၊ လိုချင်သော extension ဖြင့် သိမ်းဆည်းနိုင်သည်၊ ဒါပါပဲ။ မင်းလှတယ်။ ငါသုံးခဲ့တယ် အနုမြူဒါပေမယ့် လက်တွေ့မှာတော့ ပုံမှန် notepad မှာ ရေးလို့ရပါတယ်။ အဓိကကတော့ လိုချင်တဲ့ extension မှာ ဖိုင်ကို နောက်မှ သိမ်းဖို့ပါပဲ။ 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 မှတစ်ဆင့် ဆာဗာသို့ အပ်လုဒ်လုပ်နည်း

ယခု ကျွန်ုပ်သည် ဤကုဒ်ကို ဆာဗာသို့ တစ်နည်းနည်းဖြင့် အပ်လုဒ်လုပ်ပြီး ၎င်းကို လုပ်ဆောင်ရန် လိုအပ်ပါသည်။ ဒါက ကျွန်တော့်အတွက် စိန်ခေါ်မှုတစ်ခု ဖြစ်လာခဲ့ပါတယ်။ ရလဒ်အနေဖြင့်၊ များစွာသောအကျပ်အတည်းပြီးနောက်၊ console ရှိ command ကိုအသုံးပြု၍ code ကို update လုပ်ရန်ခွင့်ပြုသော github တွင်ဖိုင်တစ်ခုဖန်တီးရန်ပိုမိုလွယ်ကူလိမ့်မည်ကိုနားလည်ခဲ့သည်။ အကောင့်တစ်ခု မှတ်ပုံတင်ခဲ့တယ်။ github ပြီးခဲ့ ပရောဂျက်အသစ်ဖိုင်ကို အပ်လုဒ်လုပ်ခဲ့တဲ့နေရာ။ ထို့နောက်တွင်၊ ကျွန်ုပ်၏အကောင့်မှ ဖိုင်များကို bot ဖိုင်တွဲရှိ ဆာဗာသို့ အပ်လုဒ်တင်ခြင်းအား မည်သို့သတ်မှတ်ရမည်နည်း။

7. github အပိုင်း 2 မှတစ်ဆင့် ဆာဗာသို့ ဖိုင်များ ဖိုင်များ အပ်လုဒ်လုပ်နည်း

git မှဖိုင်များကိုဒေါင်းလုဒ်လုပ်မည့်ဆာဗာတွင်ပရိုဂရမ်တစ်ခုထည့်သွင်းရန်လိုအပ်သည်။ ကွန်ဆိုးလ်တွင် စာရိုက်ခြင်းဖြင့် ဆာဗာတွင် git ကို ထည့်သွင်းခဲ့သည်။

apt-get install git

ထို့နောက် ဖိုင်ကို အပ်လုဒ်လုပ်ရန် ပြင်ဆင်ရန် လိုအပ်ပါသည်။ ဒီလိုလုပ်ဖို့၊ ငါ command line မှာရိုက်ထည့်ပါ။

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

ရလဒ်အနေဖြင့်၊ ပရောဂျက်မှအရာအားလုံးကို ဆာဗာသို့ အပ်လုဒ်လုပ်ခဲ့သည်။ ဒီအဆင့်မှာ အမှားကတော့ ရှိပြီးသား bot ဖိုင်တွဲထဲမှာ ဒုတိယဖိုင်တွဲတစ်ခု လုပ်ထားလို့ပါပဲ။ ဖိုင်၏လိပ်စာသည် */bot/bot/index.js နှင့်တူသည်။

ဒီပြဿနာကို လျစ်လျူရှုဖို့ ဆုံးဖြတ်လိုက်တယ်။

ကုဒ်၏ပထမစာကြောင်းတွင်ကျွန်ုပ်တို့တောင်းဆိုသည့် telegraf စာကြည့်တိုက်ကိုတင်ရန်၊ ကွန်ဆိုးလ်ထဲသို့ command ကိုရိုက်ထည့်ပါ။

npm install telegraf

8. bot တစ်ခုကို ဘယ်လိုဖွင့်မလဲ။

၎င်းကိုလုပ်ဆောင်ရန်၊ ဖိုင်နှင့်အတူဖိုင်တွဲတွင်ရှိနေစဉ် (ကွန်ဆိုးလ်မှတစ်ဆင့် ဖိုင်တွဲတစ်ခုသို့ ဖိုဒါတစ်ခုသို့ရွှေ့ရန်၊ ဖော်မတ်အမိန့်ကို လုပ်ဆောင်ပါ။ cd bot သင်လိုအပ်သည့်နေရာကို သေချာစေရန်၊ ကွန်ဆိုးလ်တွင်ရှိသော ဖိုင်များနှင့် ဖိုဒါများအားလုံးကို ပြသမည့် command ကို ရိုက်ထည့်နိုင်သည်။ ls -a

စတင်ရန်၊ ကျွန်ုပ်သည် ကွန်ဆိုးလ်ထဲသို့ ဝင်ခဲ့သည်။

node index.js

အမှားအယွင်းမရှိလျှင်၊ အားလုံးအဆင်ပြေသည်၊ bot သည်အလုပ်လုပ်သည်။ သူ့ကို ကြေးနန်းစာမှာ ရှာကြည့်တယ်။ အမှားအယွင်းရှိပါက အချက် ၁ မှ သင့်အသိပညာကို အသုံးချပါ။

9. နောက်ခံတွင် bot တစ်ခုကို ဘယ်လို run မလဲ။

သင်ကိုယ်တိုင် console တွင်ထိုင်နေချိန်တွင် bot သည်အလုပ်လုပ်သည်ကိုအတော်လေးမြန်မြန်သဘောပေါက်လိမ့်မည်။ ဒီပြဿနာကိုဖြေရှင်းဖို့ ငါ command ကိုသုံးတယ်။

screen

၎င်းပြီးနောက်၊ စာသားအချို့ပါသောမျက်နှာပြင်တစ်ခုပေါ်လာလိမ့်မည်။ ဆိုလိုသည်မှာ အရာအားလုံး အဆင်ပြေပါသည်။ သင်သည် cloud ဆာဗာပေါ်တွင် virtual ဆာဗာပေါ်တွင် ရှိနေသည်။ ဘယ်လိုအလုပ်လုပ်တယ်ဆိုတာကို ပိုနားလည်ဖို့- ဒီဆောင်းပါးပါ. သင်၏ဖိုဒါသို့သွားကာ bot ကိုစတင်ရန် command ကိုရိုက်ထည့်ပါ။

node index.js

10. ဘော့တ်အလုပ်လုပ်ပုံနှင့် ၎င်း၏လုပ်ဆောင်နိုင်စွမ်းကို ချဲ့ထွင်ပုံ

ကျွန်ုပ်တို့၏ဥပမာ bot သည် အဘယ်အရာလုပ်ဆောင်နိုင်သနည်း။ သူလုပ်နိုင်

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ဒါဆိုရင် ငါ ဒီလုပ်ဆောင်ချက်ကနေ သိပ်ဝေးမသွားသေးဘူးဆိုတာ မင်း မြန်မြန်နားလည်လာလိမ့်မယ်။ တက်ကြွစွာအသုံးပြုသောအရာမှာ function ဖြစ်သည်။ ctx.replyWithPhoto ၎င်းသည် သင့်အား သတ်မှတ်ထားသော ဓာတ်ပုံ သို့မဟုတ် gif ကို သီးခြားစာသားတစ်ခုသို့ တုံ့ပြန်ရန် ခွင့်ပြုသည်။

ကုဒ်၏ အရေးပါသော အစိတ်အပိုင်းကို ကျွန်ုပ် ဘော့တ်ကို အသုံးပြုခွင့်ပေးသော အသက် 11-13 နှစ်ရှိ ကလေးများက ရေးသားခဲ့သည်။ သူတို့က သူတို့ရဲ့ user-case ထဲကို ဝင်သွားတယ်။ သူတို့လုပ်ထားတဲ့ အပိုင်းကို ပြောရတာ လွယ်မယ်ထင်တယ်။

ဥပမာအားဖြင့်၊ "Jake" သည် ကာတွန်း Adventure Time မှ နာမည်ကြီးဇာတ်ကောင်တစ်ခုပါသည့် GIF ကို လက်ခံရရှိမည်ဖြစ်သည်။

bot ကို ပိုမိုဖွံ့ဖြိုးတိုးတက်စေရန်၊ သင်သည် ကီးဘုတ်တစ်ခုကို ချိတ်ဆက်ရန် လိုအပ်သည်၊ ဥပမာများကိုကြည့်ပါ၊ ဥပမာ၊ ဒီမှာ

11. ကုဒ်ကို အပ်ဒိတ်လုပ်နည်းနှင့် ဘော့တ်ကို ပြန်လည်စတင်ရန်

ကုဒ်ကို github တွင်သာမက ဆာဗာတွင်ပါ အပ်ဒိတ်လုပ်ရန် လိုအပ်ကြောင်း မမေ့ပါနှင့်။ လုပ်ရတာ လွယ်ပါတယ် - bot ကို ရပ်လိုက်ပါ (ctrl+c) ကို နှိပ်ပါ။

- ပစ်မှတ်ဖိုဒါတွင်ရှိနေစဉ် console ထဲသို့ဝင်ပါ။ git pull
- ကျွန်ုပ်တို့သည် command ဖြင့် bot ကိုပြန်ဖွင့်သည်။ node index.js

အဆုံး

ဤဖိုင်တွင်ဖော်ပြထားသည့်အရာများစွာသည် အဆင့်မြင့်ပရိုဂရမ်မာများအတွက် အလွန်ထင်ရှားပါလိမ့်မည်။ သို့သော်၊ ကျွန်ုပ်ကိုယ်တိုင် ဘော့တ်လောကထဲသို့ တရှိန်ထိုး ခုန်ဆင်းရန် ကြိုးစားသောအခါ၊ ထိုသို့သော လမ်းညွှန်ချက်ကို အမှန်တကယ် လွတ်သွားပါသည်။ IT ကျွမ်းကျင်သူတိုင်းအတွက် သိသာထင်ရှားပြီး ရိုးရှင်းသည့်အရာများကို လက်မလွတ်စေဘဲ လမ်းညွှန်ချက်။

နောင်တွင်၊ ReactNative တွင် သင်၏ပထမဆုံးလျှောက်လွှာကို ပုံစံတူပုံစံဖြင့် မည်သို့ပြုလုပ်ရမည်အကြောင်း ပို့စ်တစ်ခုစီစဉ်နေပါသည်။

source: www.habr.com