માર્ગદર્શિકા: પ્રોગ્રામિંગમાં શિખાઉ માણસ માટે JS માં સરળ ટેલિગ્રામ બોટ કેવી રીતે બનાવવો

મેં ત્રણ અઠવાડિયા પહેલા જ આઈટીની દુનિયામાં ડૂબી જવાની શરૂઆત કરી હતી. ગંભીરતાપૂર્વક, ત્રણ અઠવાડિયા પહેલા હું HTML સિન્ટેક્સ પણ સમજી શક્યો ન હતો, અને પ્રોગ્રામિંગ ભાષાઓ સાથેનો મારો પરિચય 10 વર્ષ પહેલાં પાસ્કલ પરના શાળા અભ્યાસક્રમ સાથે સમાપ્ત થયો. જો કે, મેં આઈટી કેમ્પમાં જવાનું નક્કી કર્યું, જ્યાં બાળકો માટે બોટ બનાવવું સારું રહેશે. મેં નક્કી કર્યું કે તે ભાગ્યે જ એટલું મુશ્કેલ હતું.

આ એક લાંબી મુસાફરી શરૂ કરી જેમાં હું:

• ઉબુન્ટુ સાથે ક્લાઉડ સર્વર જમાવ્યું,
• GitHub પર નોંધાયેલ,
• મૂળભૂત JavaScript સિન્ટેક્સ શીખ્યા,
• અંગ્રેજી અને રશિયનમાં એક ટન લેખો વાંચો,
• આખરે બોટ બનાવ્યો,
• મેં આખરે આ લેખ લખ્યો.

અંતિમ પરિણામ કંઈક આના જેવું દેખાતું હતું:

હું હમણાં જ કહીશ કે આ એક નવા નિશાળીયા માટેનો લેખ છે - ફક્ત શરૂઆતથી મૂળભૂત વસ્તુઓ કેવી રીતે કરવી તે સમજવા માટે.

અને એ પણ - અદ્યતન પ્રોગ્રામરો માટે - માત્ર તેમને થોડું હસાવવા માટે.

1. JS માં કોડ કેવી રીતે લખવો?

હું સમજી ગયો કે તે ઓછામાં ઓછું પહેલા ભાષાના વાક્યરચના સમજવા યોગ્ય છે. પસંદગી JavaScript પર પડી, કારણ કે મારા માટે આગળનું પગલું ReactNative માં એપ્લિકેશન બનાવવાનું હતું. મેં સાથે શરૂઆત કરી અભ્યાસક્રમ કોડકેડેમી પર અને ખૂબ આનંદ થયો. પ્રથમ 7 દિવસ મફત છે. વાસ્તવિક પ્રોજેક્ટ્સ. હું ભલામણ કરું છું. તેને પૂર્ણ કરવામાં લગભગ 25 કલાકનો સમય લાગ્યો હતો. હકીકતમાં, તે બધા ઉપયોગી ન હતા. આ કોર્સનું માળખું કેવું દેખાય છે અને વિગતવાર પ્રથમ બ્લોક.

2. બોટની નોંધણી કેવી રીતે કરવી?

આનાથી મને શરૂઆતમાં ઘણી મદદ મળી આ લેખ ચોક્કસ આર્ચાકોવના બ્લોગમાંથી. તે શરૂઆતથી જ ચાવે છે. પરંતુ મુખ્ય વસ્તુ જે છે તે બોટ રજીસ્ટર કરવા માટેની સૂચનાઓ છે. હું તેને વધુ સારી રીતે લખી શકતો નથી, અને આ સૌથી સહેલો ભાગ હોવાથી, હું માત્ર ભાવાર્થ લખીશ. તમારે બોટ બનાવવાની અને તેના API મેળવવાની જરૂર છે. આ બીજા બોટ દ્વારા કરવામાં આવે છે - @BotFather. તેને ટેલિગ્રામ પર શોધો, તેને લખો, સરળ માર્ગને અનુસરો અને API કી મેળવો (સાચવો!) (આ સંખ્યાઓ અને અક્ષરોનો સમૂહ છે). તે પાછળથી કામમાં આવ્યું.

3. બોટ કોડ કેવો દેખાય છે?

લાંબા સમય સુધી લેખોનો અભ્યાસ કર્યા પછી, મને સમજાયું કે તે અમુક પ્રકારની લાઇબ્રેરી (મોડ્યુલ ફોર્મેટમાં તૃતીય-પક્ષ કોડ) નો ઉપયોગ કરવા યોગ્ય છે જેથી કરીને ટેલિગ્રામ API નો અભ્યાસ કરવાની અને શરૂઆતથી કોડના મોટા ટુકડા બનાવવાની ચિંતા ન કરવી પડે. મને માળખું મળ્યું ટેલિગ્રાફ, જેને npm અથવા યાર્નનો ઉપયોગ કરીને કોઈક રીતે કનેક્ટ કરવાની જરૂર હતી. લગભગ આ રીતે હું સમજી શક્યો કે બોટની જમાવટમાં શું સમાયેલું છે. અહીં હસો. હું નારાજ નહીં થઈશ. પૃષ્ઠના તળિયેના ઉદાહરણોએ મને બોટની અનુગામી રચના દરમિયાન સૌથી વધુ મદદ કરી:

3. 100 રુબેલ્સ માટે તમારું પોતાનું ક્લાઉડ સર્વર કેવી રીતે બનાવવું

ઘણી શોધ કર્યા પછી, મને સમજાયું કે ઉપરના ચિત્રમાં 'npm' આદેશ આદેશ વાક્યનો સંદર્ભ આપે છે. આદેશ વાક્ય દરેક જગ્યાએ છે, પરંતુ તેને ચલાવવા માટે સક્ષમ થવા માટે, તમારે NodePackageManager ઇન્સ્ટોલ કરવાની જરૂર છે. સમસ્યા એ હતી કે હું ChromeOS સાથે PixelBook પર પ્રોગ્રામિંગ કરી રહ્યો હતો. હું Linux કેવી રીતે શીખ્યો તે વિશે હું અહીં એક મોટો બ્લોક છોડીશ - મોટાભાગના માટે તે ખાલી અને બિનજરૂરી છે. જો તમારી પાસે Windows અથવા MacBook છે, તો તમારી પાસે પહેલેથી જ કન્સોલ છે.

ટૂંકમાં, મેં Crostini મારફતે Linux ઇન્સ્ટોલ કર્યું.

જો કે, પ્રક્રિયામાં, મને સમજાયું કે બોટ સતત કામ કરવા માટે (અને જ્યારે મારું કમ્પ્યુટર ચાલુ હોય ત્યારે જ નહીં), મને ક્લાઉડ સર્વરની જરૂર છે. મેં પસંદ કર્યું 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 અને કર્યું નવો પ્રોજેક્ટ, જ્યાં મેં ફાઇલ અપલોડ કરી હતી. તે પછી, મારે બોટ ફોલ્ડરમાં સર્વર પર મારા એકાઉન્ટ (ખુલ્લી!) થી અપલોડિંગ ફાઇલોને કેવી રીતે સેટ કરવી તે શોધવાની જરૂર છે (જો તમે તેને અચાનક છોડી દીધી હોય, તો ફક્ત સીડી બોટ લખો).

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 નિષ્ણાત માટે સ્પષ્ટ અને સરળ વસ્તુઓને ચૂકી જતી નથી.

ભવિષ્યમાં, હું રિએક્ટનેટિવ પર તમારી પ્રથમ એપ્લિકેશન કેવી રીતે બનાવવી તે વિશેની એક પોસ્ટનું આયોજન કરી રહ્યો છું, સબ્સ્ક્રાઇબ કરો!

સોર્સ: www.habr.com