{"id":31044,"date":"2019-10-31T21:39:05","date_gmt":"2019-10-31T18:39:05","guid":{"rendered":"https:\/\/prohoster.info\/blog\/rukovodstvo-kak-sdelat-prostogo-bota-dlya-telegram-na-js-dlya-novichka-v-programmirovanii\/"},"modified":"2019-10-31T21:39:05","modified_gmt":"2019-10-31T18:39:05","slug":"rukovodstvo-kak-sdelat-prostogo-bota-dlya-telegram-na-js-dlya-novichka-v-programmirovanii","status":"publish","type":"post","link":"https:\/\/prohoster.info\/nl\/blog\/administrirovanie\/rukovodstvo-kak-sdelat-prostogo-bota-dlya-telegram-na-js-dlya-novichka-v-programmirovanii","title":{"rendered":"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Ik ben drie weken geleden begonnen met het verkennen van de IT-wereld. Serieus, drie weken geleden begreep ik zelfs de syntaxis van HTML niet, en mijn kennismaking met programmeertalen eindigde met het schoolprogramma voor Pascal van tien jaar geleden. Maar ik besloot naar een IT-kamp te gaan, waar het voor kinderen leuk zou zijn om een bot te maken. Ik dacht dat het waarschijnlijk niet zo moeilijk zou zijn.<\/p>\n<p>Hier begon mijn lange reis, waarin ik:<\/p>\n<ul>\n<li>een cloudserver met Ubuntu heb opgezet,<\/li>\n<li>me heb geregistreerd op GitHub,<\/li>\n<li>de basis syntaxis van JavaScript heb geleerd,<\/li>\n<li>een berg artikelen in het Engels en Russisch heb gelezen,<\/li>\n<li>uiteindelijk een bot heb gemaakt,<\/li>\n<li>en deze artikel heb geschreven, eindelijk.<\/li>\n<\/ul>\n<p>\nHet eindresultaat zag er ongeveer zo uit:<\/p>\n<p><img decoding=\"async\" alt=\"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren\" src=\"\/wp-content\/uploads\/2019\/04\/fc072aaa72b23c95faeaa09be8a652db.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nIk zal meteen zeggen, dit artikel is voor beginners \u2014 om gewoon te begrijpen hoe je elementaire dingen vanaf nul kunt doen.<\/p>\n<p>En ook voor gevorderde programmeurs \u2014 gewoon om ze een beetje te vermaken. <\/p>\n<p><b>1. Hoe schrijf je code in JS?<\/b><\/p>\n<p>Ik begreep dat ik in ieder geval eerst de syntaxis van de taal moest begrijpen. De keuze viel op JavaScript, gewoon omdat de volgende stap voor mij het maken van een applicatie in ReactNative was. Ik begon met <noindex><a rel=\"nofollow\" href=\"https:\/\/www.codecademy.com\/learn\/introduction-to-javascript\">een cursus<\/a><\/noindex> op Codecademy en was enorm enthousiast. De eerste 7 dagen gratis. Echte projecten. Aanbevolen. Het duurde ongeveer 25 uur om het te doorlopen. In werkelijkheid was niet alles heel nuttig. Zo ziet de structuur van de cursus eruit en hier is gedetailleerd het eerste blok.<\/p>\n<p><img decoding=\"async\" alt=\"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren\" src=\"\/wp-content\/uploads\/2019\/04\/e63be1e6c7f32cc3c929e0145996d569.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>2. Hoe registreer je een bot?<\/b><\/p>\n<p>In het begin hielp deze <noindex><a rel=\"nofollow\" href=\"https:\/\/archakov.im\/post\/telegram-bot-on-nodejs.html\">dit artikel<\/a><\/noindex> van een zekere Archakov me enorm. Hij legt de basis duidelijk uit. Maar het belangrijkste is dat er een handleiding voor het registreren van een bot is. Ik kan het niet beter schrijven, en omdat dit het makkelijkste deel is, zal ik het gewoon kort samenvatten. Je moet een bot maken en zijn API krijgen. Dit gebeurt via een andere bot \u2014 @BotFather. Zoek hem in Telegram, schrijf hem, volg de eenvoudige stappen en ontvang (bewaar!) de API-sleutel (dit is een reeks cijfers en letters). Ik heb het later gebruikt.<\/p>\n<p><img decoding=\"async\" alt=\"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren\" src=\"\/wp-content\/uploads\/2019\/04\/b8181f6ad1c67dd47dd337f8171bf941.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>3. Hoe ziet de code van de bot eruit?<\/b><\/p>\n<p>Na langdurig artikelen bestuderen, begreep ik dat het beter was om een bibliotheek (externe code in moduleformaat) te gebruiken, zodat ik niet hoefde te worstelen met het leren van de Telegram API en het vanaf nul schrijven van grote stukjes code. Ik vond het framework <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/telegraf\/telegraf\">telegraf<\/a><\/noindex>, dat op de een of andere manier met npm of yarn moest worden verbonden. Zo begreep ik destijds de opzet van de bot. Maak je geen zorgen om te lachen. Ik neem het je niet kwalijk. Het meest waardevolle bij het verder cre\u00ebren van de bot waren de voorbeelden aan de onderkant van de pagina:<\/p>\n<p><img decoding=\"async\" alt=\"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren\" src=\"\/wp-content\/uploads\/2019\/04\/711b252c5118b47a14c52862dd869058.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>3. Hoe maak je je eigen cloudserver voor 100 roebel<\/b><\/p>\n<p>Na lange zoektochten realiseerde ik me dat de 'npm'-opdracht uit de bovenstaande afbeelding betrekking heeft op de opdrachtregel. De opdrachtregel is overal, maar om deze uit te voeren, moet je NodePackageManager installeren. Het probleem was dat ik programmeerde op een PixelBook met ChromeOS. Ik zal hier een groot blok overslaan over hoe ik Linux leerde kennen \u2013 voor de meeste mensen is dat nutteloos en overbodig. Als je Windows of een MacBook hebt, heb je al een console. <\/p>\n<p>Kortom, ik installeerde Linux via Crostini. <\/p>\n<p>Echter, tijdens het proces realiseerde ik me dat ik een cloudserver nodig had voor de constante werking van de bot (en niet alleen wanneer mijn computer aan staat). Ik koos voor <noindex><a rel=\"nofollow\" href=\"http:\/\/vscale.io\">vscale.io<\/a><\/noindex> Ik storte 100 roebel, kocht de goedkoopste Ubuntu-server (zie afbeelding). <\/p>\n<p><img decoding=\"async\" alt=\"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren\" src=\"\/wp-content\/uploads\/2019\/04\/74cdc3858900bbd0d95715f5371ef52a.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>4. Hoe de server voor het draaien van de bot voor te bereiden<\/b><\/p>\n<p>Daarna begreep ik dat ik op de server een map moest maken waarin ik het bestand met de code zou plaatsen. Hiervoor typte ik in de console (direct op de website activeren met de knop 'Open console') <\/p>\n<pre><code class=\"plaintext\">mkdir bot<\/code><\/pre>\n<p>\nbot \u2014 \u044d\u0442\u043e \u0441\u0442\u0430\u043b\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043c\u043e\u0435\u0439 \u043f\u0430\u043f\u043a\u0438. \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b npm \u0438 Node.js, \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043c\u043d\u0435 \u043f\u043e\u0442\u043e\u043c \u043a\u043e\u0434 \u0438\u0437 \u0444\u0430\u0439\u043b\u0438\u043a\u043e\u0432 \u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c *.js<\/p>\n<pre><code class=\"plaintext\">sudo apt update\nsudo apt install nodejs\nsudo apt install npm<\/code><\/pre>\n<p>\nIk raad ten zeerste aan om op dit punt verbinding met de server in te stellen via je eigen console. Hier is <noindex><a rel=\"nofollow\" href=\"https:\/\/community.vscale.io\/hc\/ru\/community\/posts\/207745269-%D0%9A%D0%B0%D0%BA-%D1%81%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-SSH-%D0%BA%D0%BB%D1%8E%D1%87-%D0%B4%D0%BB%D1%8F-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%B0-%D0%BD%D0%B0-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80\">handleiding<\/a><\/noindex> Dit stelt je in staat om direct met de server te werken via de console van je computer.<\/p>\n<p><b>5. Hoe de code voor de eerste bot te schrijven.<\/b><\/p>\n<p>En nu is het een eye-opener voor mij. Elke programma is gewoon een reeks teksten. Je kunt ze overal invoeren, opslaan met de juiste extensie en dat is alles. Je bent geweldig. Ik heb gebruikt <noindex><a rel=\"nofollow\" href=\"https:\/\/atom.io\/\">Atom<\/a><\/noindex>, maar je kunt eigenlijk gewoon in de standaard notepad schrijven. Het belangrijkste is om het bestand later met de juiste extensie op te slaan. Het is als het schrijven van tekst in Word en opslaan. <\/p>\n<p>Ik maakte een nieuw bestand, waarin ik de code uit het voorbeeld op de telegraf-pagina plakte en opsloeg als index.js (het is niet nodig om het bestand zo te noemen, maar het is gebruikelijk). Belangrijk \u2014 vervang BOT_TOKEN door je eigen API-sleutel uit het tweede punt.<\/p>\n<pre><code class=\"plaintext\">const Telegraf = require('telegraf')\n\nconst bot = new Telegraf(process.env.BOT_TOKEN)\nbot.start((ctx) =&gt; ctx.reply('Welkom!'))\nbot.help((ctx) =&gt; ctx.reply('Stuur me een sticker'))\nbot.on('sticker', (ctx) =&gt; ctx.reply(''))\nbot.hears('hi', (ctx) =&gt; ctx.reply('Hey daar'))\nbot.launch()<\/code><\/pre>\n<p>\n<b>6. Hoe de code op de server te uploaden via github<\/b><\/p>\n<p>Nu moest ik deze code op een server plaatsen en uitvoeren. Dit werd een uitdaging voor me. Uiteindelijk, na veel inspanning, besefte ik dat het eenvoudiger zou zijn om een bestand op GitHub te maken, dat het mogelijk maakt om de code bij te werken via de opdracht in de console. Ik heb een account aangemaakt op <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/\">github<\/a><\/noindex> en heb <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/b0tank\/bot\">nieuw project<\/a><\/noindex>, waar ik het bestand heb ge\u00fcpload. Daarna moest ik begrijpen hoe ik de bestanden van mijn (open!) account naar de server in de map bot kon uploaden (als je eruit bent gegaan \u2014 typ gewoon cd bot).<\/p>\n<p><b>7. Hoe bestanden uploaden naar de server via GitHub deel 2<\/b><\/p>\n<p>Ik moest een programma op de server installeren dat bestanden van git zou uploaden. Ik heb git op de server ge\u00efnstalleerd door de opdracht in de console in te voeren <\/p>\n<pre><code class=\"plaintext\">apt-get install git<\/code><\/pre>\n<p>\nDaarna moest ik de upload van bestanden configureren. Hiervoor typte ik in de opdrachtregel <\/p>\n<pre><code class=\"plaintext\">git clone git:\/\/github.com\/b0tank\/bot.git bot\n<\/code><\/pre>\n<p>\n\u0412 \u0438\u0442\u043e\u0433\u0435 \u0432\u0441\u0435 \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u043e\u0441\u044c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440. \u041e\u0448\u0438\u0431\u043a\u043e\u0439 \u043d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0431\u044b\u043b\u043e, \u0447\u0442\u043e \u044f, \u043f\u043e \u0441\u0443\u0442\u0438, \u0441\u0434\u0435\u043b\u0430\u043b \u0432\u0442\u043e\u0440\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u0432\u043d\u0443\u0442\u0440\u0438 \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439 \u043f\u0430\u043f\u043a\u0438 bot. \u0410\u0434\u0440\u0435\u0441 \u0434\u043e \u0444\u0430\u0439\u043b\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u043a\u0430\u043a *\/bot\/bot\/index.js<\/p>\n<p>Ik besloot dit probleem te negeren.<\/p>\n<p>En om de telegraf-bibliotheek te laden, die we in de eerste regel van de code aanvragen, voer je de volgende opdracht in de console in.<\/p>\n<pre><code class=\"plaintext\">npm install telegraf<\/code><\/pre>\n<p>\n<b>8. Hoe de bot te starten<\/b><\/p>\n<p>Hiervoor, terwijl je in de map met het bestand bent (om tussen de mappen in de console te navigeren \u2014 voer de opdracht in het formaat <code>cd bot<\/code> Om er zeker van te zijn dat je daar bent waar je moet zijn, kun je het commando invoeren, dat alle bestanden en mappen die daar zijn toont<code> ls -a<\/code><\/p>\n<p>Om de bot te starten, typte ik in de console <\/p>\n<pre><code class=\"plaintext\">node index.js\n<\/code><\/pre>\n<p>\nAls er geen fout is \u2014 alles is goed, de bot werkt. Zoek hem in Telegram. Als er een fout is \u2014 gebruik je kennis uit punt 1.<\/p>\n<p><b>9. Hoe de bot op de achtergrond te starten<\/b><\/p>\n<p>Je zult snel begrijpen dat de bot alleen werkt wanneer je zelf in de console zit. Om dit probleem op te lossen, gebruikte ik de opdracht <\/p>\n<pre><code class=\"plaintext\">screen<\/code><\/pre>\n<p>\nDaarna verschijnt er een scherm met een bepaalde tekst. Dit betekent dat alles goed is. Je bent op een virtuele server in de cloud. Om beter te begrijpen hoe dit alles werkt \u2014 <noindex><a rel=\"nofollow\" href=\"https:\/\/bablofil.ru\/kak-zapustit-bota-na-servere\/\">hier is een artikel<\/a><\/noindex>. Ga gewoon naar je map en voer de opdracht voor het starten van de bot in<\/p>\n<pre><code class=\"plaintext\">node index.js<\/code><\/pre>\n<p>\n<b>10. Hoe de bot werkt en hoe je de functionaliteit kunt uitbreiden<\/b><\/p>\n<p>Wat kan onze bot uit het voorbeeld? Hij kan <\/p>\n<pre><code class=\"plaintext\">bot.start((ctx) =&gt; ctx.reply('Welcome!'))<\/code><\/pre>\n<p>\nzeggen 'Welcome!' op het moment van starten (probeer de tekst te veranderen)<\/p>\n<pre><code class=\"plaintext\">bot.help((ctx) =&gt; ctx.reply('Send me a sticker'))<\/code><\/pre>\n<p>\nbij het standaardcommando \/help het bericht 'Send me a sticker' sturen<\/p>\n<pre><code class=\"plaintext\">bot.on('sticker', (ctx) =&gt; ctx.reply(''))<\/code><\/pre>\n<p>\nbij een sticker goedkeuring sturen<\/p>\n<pre><code class=\"plaintext\">bot.hears('hi', (ctx) =&gt; ctx.reply('Hey there'))<\/code><\/pre>\n<p>\nantwoord met 'Hey there' als je 'hi' ontvangt<br \/>\nbot.launch()<\/p>\n<p><img decoding=\"async\" alt=\"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren\" src=\"\/wp-content\/uploads\/2019\/04\/d2a52f8feb46ff67ee39622c56e8ce8e.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nAls je naar de code kijkt op <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/b0tank\/bot\/blob\/master\/index.js\">github<\/a><\/noindex>, dan zult u snel begrijpen dat ik niet ver van deze functionaliteit ben afgedwaald. Wat actief wordt gebruikt, is de functie <code>ctx.replyWithPhoto<\/code> Het stelt in staat om de opgegeven foto of gif te sturen als reactie op een bepaalde tekst. <\/p>\n<p>Een aanzienlijk deel van de code is geschreven door kinderen van 11-13 jaar, aan wie ik toegang tot de bot heb gegeven. Zij hebben hun eigen user-case ingevoerd. Ik denk dat het gemakkelijk is om te bepalen welk deel door hen is gemaakt.<\/p>\n<p>Bijvoorbeeld, op het bericht \u2018jake\u2019 komt een gif met een bekend personage uit de cartoon Adventure Time. <\/p>\n<p><img decoding=\"async\" alt=\"Handleiding: hoe een eenvoudige bot voor Telegram te maken met JS voor beginners in programmeren\" src=\"\/wp-content\/uploads\/2019\/04\/56bdcb4dde80c032c225726b88417fb4.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nOm de bot verder te ontwikkelen, moet je kijken naar voorbeelden van hoe je een toetsenbord kunt aansluiten, bijvoorbeeld, <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/telegraf\/telegraf\/tree\/develop\/docs\/examples\">hier<\/a><\/noindex><\/p>\n<p><b>11. Hoe de code bij te werken en de bot opnieuw op te starten<\/b><\/p>\n<p>Vergeet niet dat je de code niet alleen op github, maar ook op de server moet bijwerken. Dit is eenvoudig te doen: stop de bot (druk op ctrl+c),<\/p>\n<p> \u2014 voer in de console in terwijl je in de doelmap bent, <code>git pull<\/code><br \/>\n \u2014 start de bot opnieuw met het commando <code>node index.js<\/code><\/p>\n<p><b>EINDE<\/b><\/p>\n<p>Veel dingen die in dit bestand worden beschreven, zullen super vanzelfsprekend zijn voor gevorderde programmeurs. Echter, toen ik zelf probeerde om in \u00e9\u00e9n keer de kloof naar de wereld van bots te overbruggen, miste ik zo'n gids enorm. Een gids waarin de voor de hand liggende en eenvoudige dingen voor elke IT-specialist niet worden overgeslagen. <\/p>\n<p>In de toekomst ben ik van plan om een post te maken over hoe je je eerste applicatie in ReactNative kunt maken in dezelfde stijl, abonneer je!<br \/>\n<br \/>Bron: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/447006\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u042f \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0432 \u043c\u0438\u0440 IT \u043b\u0438\u0448\u044c \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434. \u0421\u0435\u0440\u044c\u0435\u0437\u043d\u043e, \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434 \u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043b \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 HTML, \u0430 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 \u044f\u0437\u044b\u043a\u0430\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u043b\u043e\u0441\u044c \u0448\u043a\u043e\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043e\u0439 \u043f\u043e Pascal 10-\u043b\u0435\u0442\u043d\u0435\u0439 \u0434\u0430\u0432\u043d\u043e\u0441\u0442\u0438. \u041e\u0434\u043d\u0430\u043a\u043e \u044f \u0440\u0435\u0448\u0438\u043b\u0441\u044f \u043f\u043e\u0435\u0445\u0430\u0442\u044c \u0432 IT-\u043b\u0430\u0433\u0435\u0440\u044c, \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0431\u043e\u0442\u0430. \u042f \u0440\u0435\u0448\u0438\u043b, \u0447\u0442\u043e \u044d\u0442\u043e \u0432\u0440\u044f\u0434 \u043b\u0438 \u0442\u0430\u043a \u0441\u043b\u043e\u0436\u043d\u043e. \u0421 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":23020,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-31044","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u042f \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0432 \u043c\u0438\u0440 IT \u043b\u0438\u0448\u044c \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434. \u0421\u0435\u0440\u044c\u0435\u0437\u043d\u043e, \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434 \u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043b \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 HTML, \u0430 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 \u044f\u0437\u044b\u043a\u0430\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u043b\u043e\u0441\u044c \u0448\u043a\u043e\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043e\u0439 \u043f\u043e Pascal 10-\u043b\u0435\u0442\u043d\u0435\u0439 \u0434\u0430\u0432\u043d\u043e\u0441\u0442\u0438.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/nl\/blog\/administrirovanie\/rukovodstvo-kak-sdelat-prostogo-bota-dlya-telegram-na-js-dlya-novichka-v-programmirovanii\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"nl_NL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e: \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u0431\u043e\u0442\u0430 \u0434\u043b\u044f \u0422\u0435\u043b\u0435\u0433\u0440\u0430\u043c \u043d\u0430 JS \u0434\u043b\u044f \u043d\u043e\u0432\u0438\u0447\u043a\u0430 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u042f \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0432 \u043c\u0438\u0440 IT \u043b\u0438\u0448\u044c \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434. \u0421\u0435\u0440\u044c\u0435\u0437\u043d\u043e, \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434 \u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043b \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 HTML, \u0430 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 \u044f\u0437\u044b\u043a\u0430\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u043b\u043e\u0441\u044c \u0448\u043a\u043e\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043e\u0439 \u043f\u043e Pascal 10-\u043b\u0435\u0442\u043d\u0435\u0439 \u0434\u0430\u0432\u043d\u043e\u0441\u0442\u0438.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/nl\/blog\/administrirovanie\/rukovodstvo-kak-sdelat-prostogo-bota-dlya-telegram-na-js-dlya-novichka-v-programmirovanii\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T18:39:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T18:39:05+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Gids: hoe een eenvoudige bot voor Telegram te maken in JS voor beginners in programmeren | ProHoster","description":"Ik ben pas drie weken geleden begonnen met het verkennen van de IT-wereld. Serieus, drie weken geleden begreep ik niet eens de syntaxis van HTML, en mijn kennismaking met programmeertalen eindigde met het schoolprogramma over Pascal van tien jaar geleden.","canonical_url":"https:\/\/prohoster.info\/nl\/blog\/administrirovanie\/rukovodstvo-kak-sdelat-prostogo-bota-dlya-telegram-na-js-dlya-novichka-v-programmirovanii","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"nl_NL","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e: \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u0431\u043e\u0442\u0430 \u0434\u043b\u044f \u0422\u0435\u043b\u0435\u0433\u0440\u0430\u043c \u043d\u0430 JS \u0434\u043b\u044f \u043d\u043e\u0432\u0438\u0447\u043a\u0430 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 | ProHoster","og:description":"\u042f \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0432 \u043c\u0438\u0440 IT \u043b\u0438\u0448\u044c \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434. \u0421\u0435\u0440\u044c\u0435\u0437\u043d\u043e, \u0442\u0440\u0438 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0430\u0437\u0430\u0434 \u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043b \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 HTML, \u0430 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 \u044f\u0437\u044b\u043a\u0430\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u043b\u043e\u0441\u044c \u0448\u043a\u043e\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043e\u0439 \u043f\u043e Pascal 10-\u043b\u0435\u0442\u043d\u0435\u0439 \u0434\u0430\u0432\u043d\u043e\u0441\u0442\u0438.","og:url":"https:\/\/prohoster.info\/nl\/blog\/administrirovanie\/rukovodstvo-kak-sdelat-prostogo-bota-dlya-telegram-na-js-dlya-novichka-v-programmirovanii","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T18:39:05+00:00","article:modified_time":"2019-10-31T18:39:05+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"31044","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-21 04:16:23","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 13:23:43","updated":"2026-01-21 04:16:23","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts\/31044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/comments?post=31044"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts\/31044\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media\/23020"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media?parent=31044"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/categories?post=31044"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/tags?post=31044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}