मार्गदर्शक: प्रोग्रामिंगमध्ये नवशिक्यासाठी JS मध्ये एक साधा टेलीग्राम बॉट कसा बनवायचा

मी तीन आठवड्यांपूर्वीच आयटीच्या जगात रमायला सुरुवात केली. गंभीरपणे, तीन आठवड्यांपूर्वी मला एचटीएमएल सिंटॅक्स देखील समजले नाही, आणि प्रोग्रामिंग भाषांचा माझा परिचय 10 वर्षांपूर्वी पास्कलवरील शालेय अभ्यासक्रमाने संपला. तथापि, मी आयटी शिबिरात जाण्याचा निर्णय घेतला, जिथे मुलांसाठी बॉट बनवणे चांगले होईल. मी ठरवले की ते कठीणच आहे.

हा एक लांब प्रवास सुरू झाला ज्यामध्ये मी:

• उबंटूसह क्लाउड सर्व्हर तैनात केले,
• GitHub वर नोंदणीकृत,
• मूलभूत JavaScript वाक्यरचना शिकलो,
• इंग्रजी आणि रशियन भाषेत एक टन लेख वाचा,
• शेवटी एक बॉट बनवला,
• मी शेवटी हा लेख लिहिला.

अंतिम परिणाम असे काहीतरी दिसले:

मी लगेच म्हणेन की हा लेख नवशिक्यांसाठी आहे - फक्त सुरुवातीपासून मूलभूत गोष्टी कशा करायच्या हे समजून घेण्यासाठी.

आणि देखील - प्रगत प्रोग्रामरसाठी - फक्त त्यांना थोडे हसवण्यासाठी.

1. JS मध्ये कोड कसा लिहायचा?

मला समजले की प्रथम भाषेची वाक्यरचना समजून घेणे योग्य आहे. निवड JavaScript वर पडली, फक्त कारण माझ्यासाठी पुढची पायरी म्हणजे ReactNative मध्ये अनुप्रयोग तयार करणे. मी सुरुवात केली अभ्यासक्रम Codecademy वर आणि खूप आनंद झाला. पहिले ७ दिवस विनामूल्य आहेत. वास्तविक प्रकल्प. मी शिफारस करतो. ते पूर्ण करण्यासाठी सुमारे 7 तास लागले. खरं तर, ते सर्व उपयुक्त नव्हते. या कोर्सची रचना कशी दिसते आणि पहिला ब्लॉक तपशीलवार.

2. बॉटची नोंदणी कशी करावी?

याचा मला सुरुवातीला खूप फायदा झाला हा लेख एका विशिष्ट आर्ककोव्हच्या ब्लॉगवरून. तो अगदी सुरवातीला चघळतो. परंतु मुख्य गोष्ट म्हणजे बॉट नोंदणी करण्याच्या सूचना. मी ते अधिक चांगले लिहू शकत नाही, आणि हा सर्वात सोपा भाग असल्याने, मी फक्त सारांश लिहीन. तुम्हाला बॉट तयार करून त्याचा एपीआय मिळवावा लागेल. हे दुसऱ्या बॉटद्वारे केले जाते - @BotFather. त्याला टेलिग्रामवर शोधा, त्याला लिहा, सोप्या मार्गाचे अनुसरण करा आणि एक API की मिळवा (जतन करा!) (हा संख्या आणि अक्षरांचा संच आहे). ते नंतर कामी आले.

3. बॉट कोड कसा दिसतो?

लेखांचा बराच काळ अभ्यास केल्यावर, मला जाणवले की काही प्रकारचे लायब्ररी (मॉड्यूल स्वरूपात तृतीय-पक्ष कोड) वापरणे फायदेशीर आहे जेणेकरून टेलीग्राम API चा अभ्यास करण्याची आणि सुरवातीपासून कोडचे मोठे तुकडे तयार करण्याची काळजी करण्याची गरज नाही. मला चौकट सापडली टेलीग्राफ, ज्याला npm किंवा सूत वापरून कशा प्रकारे तरी कनेक्ट करणे आवश्यक आहे. बॉटच्या उपयोजनामध्ये काय समाविष्ट आहे हे मला अंदाजे कसे समजले. इथे हसा. मी नाराज होणार नाही. पृष्ठाच्या तळाशी असलेल्या उदाहरणांनी बॉटच्या नंतरच्या निर्मिती दरम्यान मला सर्वात जास्त मदत केली:

3. 100 रूबलसाठी आपला स्वतःचा क्लाउड सर्व्हर कसा तयार करायचा

खूप शोध घेतल्यानंतर मला समजले की वरील चित्रातील 'npm' कमांड कमांड लाइनचा संदर्भ देते. कमांड लाइन सर्वत्र आहे, परंतु ती कार्यान्वित करण्यास सक्षम होण्यासाठी, तुम्हाला NodePackageManager स्थापित करणे आवश्यक आहे. समस्या अशी होती की मी ChromeOS सह PixelBook वर प्रोग्रामिंग करत होतो. मी लिनक्स कसा शिकलो याबद्दलचा एक मोठा ब्लॉक मी येथे वगळणार आहे - बहुतेकांसाठी ते रिक्त आणि अनावश्यक आहे. तुमच्याकडे Windows किंवा MacBook असल्यास, तुमच्याकडे आधीपासूनच कन्सोल आहे.

थोडक्यात, मी Crostini द्वारे लिनक्स स्थापित केले.

तथापि, प्रक्रियेत, मला समजले की बॉट सतत कार्य करण्यासाठी (आणि केवळ माझा संगणक चालू असतानाच नाही), मला क्लाउड सर्व्हरची आवश्यकता आहे. मी निवडले vscale.io मी 100 रूबल खर्च केले आणि सर्वात स्वस्त उबंटू सर्व्हर विकत घेतला (चित्र पहा).

4. बॉट चालवण्यासाठी सर्व्हर कसा तयार करायचा

त्यानंतर, मला जाणवले की मला सर्व्हरवर एक प्रकारचे फोल्डर बनवायचे आहे ज्यामध्ये मी कोड मजकूर असलेली फाइल ठेवू. हे करण्यासाठी, कन्सोलमध्ये (“ओपन कन्सोल” बटणाद्वारे थेट वेबसाइटवर चालवा), मी प्रविष्ट केले

mkdir bot

बॉट - हे माझ्या फोल्डरचे नाव झाले. त्यानंतर, मी npm आणि Node.js स्थापित केले, जे मला *.js रिझोल्यूशन असलेल्या फाइल्समधून कोड चालवण्यास अनुमती देईल.

sudo apt update
sudo apt install nodejs
sudo apt install npm

मी या टप्प्यावर आपल्या कन्सोलद्वारे सर्व्हरशी कनेक्शन सेट करण्याची शिफारस करतो. येथे सूचना हे तुम्हाला तुमच्या संगणकाच्या कन्सोलद्वारे थेट सर्व्हरसह कार्य करण्यास अनुमती देईल.

5. तुमच्या पहिल्या बॉटसाठी कोड कसा लिहायचा.

पण आता तो माझ्यासाठी फक्त एक शोध आहे. कोणताही कार्यक्रम म्हणजे फक्त मजकूराच्या ओळी. ते कुठेही घातले जाऊ शकतात, इच्छित विस्तारासह जतन केले जाऊ शकतात आणि तेच आहे. तू सुंदर आहेस. मी वापरले अणू, परंतु प्रत्यक्षात, आपण फक्त मानक नोटपॅडमध्ये लिहू शकता. मुख्य गोष्ट म्हणजे फाइल नंतर इच्छित विस्तारामध्ये जतन करणे. हे वर्डमध्ये मजकूर लिहून सेव्ह करण्यासारखे आहे.

मी एक नवीन फाईल बनवली, ज्यामध्ये मी टेलीग्राफ पृष्ठावरील उदाहरणावरून कोड टाकला आणि तो 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 आणि केले नवीन प्रकल्प, जिथे मी फाइल अपलोड केली. त्यानंतर, मला माझ्या खात्यातून अपलोडिंग फाइल्स बॉट फोल्डरमधील सर्व्हरवर (खुल्या!) कशा सेट करायच्या हे शोधून काढायचे होते (जर तुम्ही ते अचानक सोडले असेल तर फक्त सीडी बॉट लिहा).

7. गीथब भाग 2 द्वारे सर्व्हरवर फाइल्स कशा अपलोड करायच्या

मला सर्व्हरवर एक प्रोग्राम स्थापित करणे आवश्यक आहे जे गीट वरून फायली डाउनलोड करेल. मी कन्सोलमध्ये टाइप करून सर्व्हरवर गिट स्थापित केले

apt-get install git

त्यानंतर मला फाइल अपलोड कॉन्फिगर करणे आवश्यक आहे. हे करण्यासाठी, मी कमांड लाइनमध्ये टाइप केले

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

परिणामी, प्रकल्पातील सर्व काही सर्व्हरवर अपलोड केले गेले. या टप्प्यावर चूक अशी होती की मी आधीच अस्तित्वात असलेल्या बॉट फोल्डरमध्ये मूलत: दुसरे फोल्डर बनवले. फाइलचा पत्ता */bot/bot/index.js सारखा दिसत होता

मी या समस्येकडे दुर्लक्ष करण्याचा निर्णय घेतला.

आणि टेलीग्राफ लायब्ररी लोड करण्यासाठी, ज्याची आम्ही कोडच्या पहिल्या ओळीत विनंती करतो, कन्सोलमध्ये कमांड टाइप करा.

npm install telegraf

8. बॉट कसा लाँच करायचा

हे करण्यासाठी, फाइलसह फोल्डरमध्ये असताना (कन्सोलद्वारे फोल्डरमधून फोल्डरमध्ये जाण्यासाठी, फॉरमॅट कमांड चालवा. 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'))

मानक/मदत आदेशाला प्रतिसाद म्हणून, “मला एक स्टिकर पाठवा” असा संदेश पाठवा.

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

स्टिकरला प्रतिसाद म्हणून मंजुरी पाठवा

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

जर त्यांनी त्याला "हाय" लिहिले तर "अहो तेथे" उत्तर द्या
bot.launch()

वर कोड बघितला तर github, तर तुम्हाला त्वरीत समजेल की मी या कार्यक्षमतेपासून फार दूर गेलेलो नाही. काय सक्रियपणे वापरले जाते ते कार्य आहे ctx.replyWithPhoto हे तुम्हाला विशिष्ट मजकुराच्या प्रतिसादात निर्दिष्ट फोटो किंवा GIF पाठविण्याची परवानगी देते.

कोडचा महत्त्वपूर्ण भाग 11-13 वयोगटातील मुलांनी लिहिला होता, ज्यांना मी बॉटमध्ये प्रवेश दिला होता. त्यांनी त्यांचा वापरकर्ता-केस प्रविष्ट केला. मला वाटते की त्यांनी कोणता भाग बनवला आहे हे सांगणे सोपे आहे.

उदाहरणार्थ, "जेक" संदेशाला कार्टून अॅडव्हेंचर टाइममधील प्रसिद्ध पात्रासह GIF प्राप्त होईल.

बॉट पुढे विकसित करण्यासाठी, तुम्हाला कीबोर्ड कनेक्ट करणे आवश्यक आहे, उदाहरणे पहा, उदाहरणार्थ, येथून

11. कोड कसा अपडेट करायचा आणि बॉट रीस्टार्ट कसा करायचा

हे विसरू नका की आपल्याला कोड केवळ गिथबवरच नव्हे तर सर्व्हरवर देखील अद्यतनित करणे आवश्यक आहे. हे करणे सोपे आहे - बॉट थांबवा (ctrl+c दाबा),

- लक्ष्य फोल्डरमध्ये असताना कन्सोलमध्ये प्रवेश करा, git pull
- आम्ही कमांडसह बॉट पुन्हा लॉन्च करतो node index.js

END

या फाईलमध्ये वर्णन केलेल्या बर्‍याच गोष्टी प्रगत प्रोग्रामरसाठी अगदी स्पष्ट असतील. तथापि, जेव्हा मी स्वतः बॉट्सच्या दुनियेत एका झटक्यात उडी मारण्याचा प्रयत्न केला, तेव्हा मला खरोखरच अशा मार्गदर्शकाची उणीव भासली. एक मार्गदर्शक जो कोणत्याही IT तज्ञासाठी स्पष्ट आणि सोप्या गोष्टी चुकवत नाही.

भविष्यात, मी तुमचा पहिला अर्ज ReactNative वर त्याच शैलीत कसा बनवायचा याबद्दल एक पोस्ट प्लॅन करत आहे, सदस्यता घ्या!

स्त्रोत: www.habr.com