كتابة المكوّن الإضافي لتنبيه برقية من الكروم

بوت

1. افتح BotFather ، اكتب / newbot ، احصل على botId (مزيج من 50 حرفًا تقريبًا).
2. ننشئ قناة جديدة ، نضيف روبوتنا هناك كمسؤول.
3. نكتب شيئًا إلى القناة ، نفتح الرابط https://api.telegram.org/bot botId / getUpdates ، نجد النتيجة- > channel_post-> chat-> id هناك.

توصيل في

1. نقوم بإنشاء المجلد ، سيكون هناك ملفان فيه - manifest.json و index.js.
2. أنشئ ملفًا إضافيًا لمتصفح Chrome لتقليل ما يلي:
   
   

   {
     "manifest_version": 2,
     "name": "Url Telegram Logger",
     "version": "1.0.0",
     "content_scripts": [
       {
         "matches": [
           "<all_urls>"
         ],
         "js": ["index.js"]
       }
     ]
   }
   

   
   تقول هنا أنه سيتم تضمين البرنامج النصي index.js في أي صفحة (يطابق: جميع عناوين url).
3. . SPA, document.location.href. MutationObserver. . , ( , ). ( , ). navigator.sendBeacon:
   
   

   const settings = {
     botId: '...',
     chatId: '...',
     userName: 'Matvey',
     pollingInterval: 10000
   }
   
   const mutedUrls = [
     'https://gmail.com',
     'https://www.eduka.lt',
     // .. ,   ..
   ]
   
   const sendMessage = (type, href) => {
     if (mutedUrls.find(url => href.startsWith(url))) { return false }
     const data = new FormData()
     data.append('chat_id', settings.chatId)
     data.append('text', `${settings.userName} ${type} ${document.title} ${href}`)
     navigator.sendBeacon(
       `https://api.telegram.org/bot${settings.botId}/sendMessage`, 
       data
     )
   }
   
   let latestHref = null
   let timeout = 0
   
   const run = () => {
     if (window.location.href !== latestHref) {
       latestHref = window.location.href
       sendMessage('opened', latestHref)
     }
     timeout && clearTimeout(timeout)
     timeout = setTimeout(run, settings.pollingInterval)
   }
   
   window.addEventListener('load', run)
   window.addEventListener('unload', () => sendMessage('closed', latestHref))
   

4. ( chrome://extensions/, Developer mode, Load unpacked).