गाइड: प्रोग्रामिङमा शुरुवातका लागि JS मा सरल टेलिग्राम बोट कसरी बनाउने

मैले तीन हप्ता अघि मात्रै IT को संसारमा डुब्न थालें। गम्भीरताका साथ, तीन हप्ता अघि मैले HTML सिन्ट्याक्स पनि बुझिन, र प्रोग्रामिङ भाषाहरूमा मेरो परिचय 10 वर्ष पहिले पास्कलमा स्कूल पाठ्यक्रमको साथ समाप्त भयो। जे होस्, मैले आईटी क्याम्पमा जाने निर्णय गरें, जहाँ बच्चाहरूलाई बोट बनाउन राम्रो हुन्छ। मैले निर्णय गरें कि यो गाह्रो थिएन।

यसले लामो यात्रा सुरु गर्यो जसमा मैले:

• развернул облачный сервер с Ubuntu,
• GitHub मा दर्ता,
• आधारभूत जाभास्क्रिप्ट वाक्य रचना सिके,
• अंग्रेजी र रूसी भाषामा लेखहरूको एक टन पढ्नुहोस्,
• अन्ततः बोट बनायो,
• मैले अन्तमा यो लेख लेखे।

अन्तिम नतिजा यस्तो देखियो:

म तुरुन्तै भन्छु कि यो शुरुआतीहरूको लागि लेख हो - केवल स्क्र्याचबाट आधारभूत चीजहरू कसरी गर्ने भनेर बुझ्नको लागि।

र पनि - उन्नत प्रोग्रामरहरूका लागि - उनीहरूलाई थोरै हँसाउनको लागि।

1. JS मा कोड कसरी लेख्ने?

मैले बुझें कि यो कम्तिमा भाषाको वाक्यविन्यास बुझ्न लायक छ। छनोट जाभास्क्रिप्टमा पर्‍यो, केवल किनभने मेरो लागि अर्को चरण ReactNative मा एउटा अनुप्रयोग सिर्जना गर्नु थियो। बाट सुरु गरें पाठ्यक्रम Codecademy मा र धेरै खुसी थिए। पहिलो 7 दिन निःशुल्क छन्। वास्तविक परियोजनाहरू। म सिफारिश गर्दछु। यो पूरा गर्न लगभग 25 घण्टा लाग्यो। वास्तवमा, यो सबै उपयोगी थिएन। यो पाठ्यक्रमको संरचना जस्तो देखिन्छ र विस्तृत रूपमा पहिलो ब्लक।

2. बोट कसरी दर्ता गर्ने?

यसले मलाई सुरुमा धेरै मद्दत गर्यो यो लेख एक निश्चित Archakov को ब्लग बाट। उसले सुरुमै चपाउँछ। तर मुख्य कुरा भनेको बोट दर्ता गर्न निर्देशनहरू हो। म यसलाई राम्रोसँग लेख्न सक्दिन, र यो सबैभन्दा सजिलो भाग भएकोले, म केवल सार लेख्छु। तपाईंले बोट सिर्जना गर्न र यसको API प्राप्त गर्न आवश्यक छ। यो अर्को बोट मार्फत गरिन्छ - @BotFather। उसलाई टेलिग्राममा फेला पार्नुहोस्, उसलाई लेख्नुहोस्, सरल मार्ग अनुसरण गर्नुहोस् र एपीआई कुञ्जी (यो संख्या र अक्षरहरूको सेट हो) प्राप्त गर्नुहोस् (बचत गर्नुहोस्!)। पछि काममा आयो ।

3. बोट कोड कस्तो देखिन्छ?

लामो समयको लागि लेखहरू अध्ययन गरेपछि, मैले महसुस गरें कि यो कुनै प्रकारको पुस्तकालय (मोड्युल ढाँचामा तेस्रो-पक्ष कोड) प्रयोग गर्न लायक थियो ताकि टेलीग्राम एपीआई अध्ययन गर्न र स्क्र्याचबाट कोडको ठूलो टुक्राहरू सिर्जना गर्न चिन्ता नलिनु। मैले फ्रेमवर्क फेला पारे टेलिग्राफ, जसलाई npm वा धागो प्रयोग गरेर कुनै पनि कुरामा जडान गर्न आवश्यक छ। यो लगभग कसरी मैले बुझें कि बोटको परिनियोजनमा के समावेश छ। यहाँ हाँस्नुहोस्। म अपमानित हुनेछैन। पृष्ठको तलका उदाहरणहरूले मलाई बोटको पछिल्लो निर्माणको क्रममा सबैभन्दा धेरै मद्दत गर्‍यो:

3. 100 rubles को लागि आफ्नो क्लाउड सर्भर कसरी सिर्जना गर्ने

После долгих поисков я понял, что команда ‘npm’ из картинки выше относится к командной строке. Командная строка есть везде, но чтобы получилось ее исполнить, нужно поставить NodePackageManager. Проблема была в том, что программировал я на PixelBook с ChromeOS. Я пропущу здесь большой блок про то, как я познавал Linux — для большинства это пустое и ненужное. Если у вас есть Windows или MacBook, у вас уже есть консоль.

Если в двух словах, я поставил Linux через Crostini.

यद्यपि, प्रक्रियामा, मैले महसुस गरें कि बोटले निरन्तर काम गर्नको लागि (र मेरो कम्प्युटर अन हुँदा मात्र होइन), मलाई क्लाउड सर्भर चाहिन्छ। मैले रोजे vscale.io Я закинул 100 рублей, купил самый дешевый сервер Ubuntu (см.картинку).

4. बोट चलाउन सर्भर कसरी तयार गर्ने

त्यस पछि, मैले महसुस गरें कि मलाई सर्भरमा केहि प्रकारको फोल्डर बनाउन आवश्यक छ जसमा मैले कोड पाठको साथ फाइल राख्नेछु। यो गर्नको लागि, कन्सोलमा ("ओपन कन्सोल" बटन मार्फत वेबसाइटमा सीधा चलाउनुहोस्), मैले प्रविष्ट गरें

mkdir bot

बोट - यो मेरो फोल्डरको नाम भयो। त्यस पछि, मैले npm र Node.js स्थापना गरें, जसले मलाई *.js रिजोल्युसन भएका फाइलहरूबाट कोड चलाउन अनुमति दिनेछ।

sudo apt update
sudo apt install nodejs
sudo apt install npm

म यस चरणमा तपाइँको कन्सोल मार्फत सर्भरमा जडान सेटअप गर्न सिफारिस गर्दछु। यहाँ म्यानुअल यसले तपाइँलाई तपाइँको कम्प्युटरको कन्सोल मार्फत सीधा सर्भरसँग काम गर्न अनुमति दिनेछ।

5. तपाईको पहिलो बोटको लागि कोड कसरी लेख्ने।

तर अब यो मेरो लागि खोज मात्र हो। कुनै पनि कार्यक्रम पाठको लाइन मात्र हो। तिनीहरू कहिँ पनि सम्मिलित गर्न सकिन्छ, इच्छित विस्तारको साथ बचत गर्न सकिन्छ, र यो हो। तिमि राम्रो छौ। मैले प्रयोग गरें एटम, तर वास्तविकतामा, तपाईले मानक नोटप्याडमा मात्र लेख्न सक्नुहुन्छ। मुख्य कुरा पछि इच्छित विस्तारमा फाइल बचत गर्न छ। यो Word मा टेक्स्ट लेख्नु र बचत गर्नु जस्तै हो।

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

7. Github भाग 2 मार्फत सर्भरमा फाइलहरू कसरी अपलोड गर्ने

मलाई सर्भरमा एउटा प्रोग्राम स्थापना गर्न आवश्यक छ जुन git बाट फाईलहरू डाउनलोड गर्दछ। मैले कन्सोलमा टाइप गरेर सर्भरमा git स्थापना गरें

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 पठाउन अनुमति दिन्छ।

कोडको महत्त्वपूर्ण अंश ११-१३ वर्षका बालबालिकाहरूले लेखेका थिए, जसलाई मैले बोटमा पहुँच दिएको थिएँ। तिनीहरूले आफ्नो प्रयोगकर्ता-केस प्रविष्ट गरे। मलाई लाग्छ कि यो बताउन सजिलो छ कि कुन भाग तिनीहरूले बनाएका थिए।

उदाहरण को लागी, सन्देश "Jake" कार्टुन साहसिक समय को एक प्रसिद्ध चरित्र संग GIF प्राप्त हुनेछ।

बोटलाई थप विकास गर्न, तपाईंले किबोर्ड जडान गर्न आवश्यक छ, उदाहरणहरू हेर्नुहोस्, उदाहरणका लागि, यहाँ देखि

11. कसरी कोड अपडेट गर्ने र बोट पुन: सुरु गर्ने

नबिर्सनुहोस् कि तपाईले कोड अपडेट गर्न आवश्यक छ github मा मात्र होइन, तर सर्भरमा पनि। यो गर्न सजिलो छ - बोट रोक्नुहोस् (ctrl+c थिच्नुहोस्),

- लक्ष्य फोल्डरमा हुँदा कन्सोलमा प्रवेश गर्नुहोस्, git pull
- हामी कमाण्डको साथ फेरि बोट सुरु गर्छौं node index.js

अन्त

यस फाइलमा वर्णन गरिएका धेरै चीजहरू उन्नत प्रोग्रामरहरूलाई सुपर स्पष्ट हुनेछन्। जे होस्, जब म आफैंले बटहरूको संसारमा खाडलमा हाम फाल्ने प्रयास गरें, मैले वास्तवमै त्यस्तो गाइडलाई छुटेको थिएँ। कुनै पनि IT विशेषज्ञको लागि स्पष्ट र सरल चीजहरू नछुटाउने गाइड।

भविष्यमा, म तपाइँको पहिलो एप्लिकेसन ReactNative मा उही शैलीमा कसरी बनाउने भन्ने बारे पोष्ट योजना गर्दैछु, सदस्यता लिनुहोस्!

स्रोत: www.habr.com