👣 👃🏼 🗒️ स्ट्रावा हीटमैप कार्ड पर स्वचालित प्राधिकरण 💩 😝 👨🏻‍🔬

यह पोस्ट हाल के इसी तरह के लेख की प्रतिक्रिया है। मैं आपको यह बताने की कोशिश करूंगा कि इसमें वर्णित कार्यों को कैसे स्वचालित किया जाए। और इस हीटमैप को स्मार्टफोन नेविगेटर से कैसे कनेक्ट करें।

लेख ने जांच की कि स्ट्रॉवा हीटमैप मानचित्र पर्यटकों और साइकिल चालकों के लिए कैसे उपयोगी हैं और कैसे ओसमंड उदाहरण का उपयोग करके उन्हें स्मार्टफोन पर नेविगेशन एप्लिकेशन को कनेक्ट करना है। तथ्य यह है कि मानचित्र के प्रत्येक टुकड़े को लोड करने के लिए आपको प्राधिकरण डेटा के साथ पैरामीटर निर्दिष्ट करने की आवश्यकता है। कुछ इस तरह:

GET https://heatmap-external-{abc}.strava.com/tiles-auth/all/hot/{z}/{x}/{y}.png?px=256&Signature={CloudFront-Signature}&Key-Pair-Id={CloudFront-Key-Pair-Id}&Policy={CloudFront-Policy}

इस डेटा को प्राप्त करने के लिए, इसे डेस्कटॉप ब्राउज़र से स्ट्रवा वेबसाइट में लॉग इन करने का सुझाव दिया गया था। नतीजतन, कुकीज़ ब्राउज़र में दिखाई देनी चाहिए। आपको उनमें आवश्यक लाइनें खोजने और उन्हें अनुरोध पते पर कॉपी करने की आवश्यकता है। और फिर, मैन्युअल रूप से ओसमंड में अनुरोध दर्ज करें ताकि वह उसकी मदद से नक्शा डाउनलोड कर सके।

हालांकि, यह विधि बहुत सुविधाजनक नहीं है, क्योंकि प्राधिकरण डेटा जल्दी समाप्त हो जाता है और आपको हर कुछ दिनों में एक बार उपरोक्त चरणों को दोहराना होगा। इस लेख में मैं आपको बताऊंगा कि उपरोक्त विधि को कैसे स्वचालित किया जाए।

एक मध्यवर्ती लिंक जोड़ें

ताकि उपयोगकर्ता को कुकी डेटा के समाप्त होने पर हर बार स्मार्टफोन में अनुरोध URL को बदलना न पड़े, आपको कुछ अपरिवर्तनीय URL निर्दिष्ट करने की आवश्यकता होती है। मैंने अपने सर्वर एप्लिकेशन का लिंक प्रदान किया है। यह एप्लिकेशन निर्दिष्ट मापदंडों के आधार पर उपयोगकर्ता को विभिन्न पते पर पुनर्निर्देशित करेगा।

 https://anygis.herokuapp.com/Tracks_Strava_All/{x}/{y}/{z}

जल्दी से इस बिंदु पर पहुंचने के लिए, मैं इस सर्वर एप्लिकेशन के विवरण पर ध्यान नहीं दूंगा। मैं आपको केवल उनके मुख्य कार्यों के बारे में बताता हूँ।

यदि टाइल को 12 तक के ज़ूम के साथ अनुरोध किया जाता है (Stava इस तरह के प्राधिकरण के बिना देता है), तो उपयोगकर्ता को तुरंत सार्वजनिक URL पर पुनर्निर्देशित किया जाता है।

 https://heatmap-external-a.strava.com/tiles/all/hot/10/619/318.png

यदि नहीं, तो एक चेक किया जाता है। त्वरित पहुंच के लिए, एप्लिकेशन अपने डेटाबेस में कुकी के नवीनतम कार्यशील संस्करण को संग्रहीत करता है। जब यह एक अनुरोध प्राप्त करता है, तो यह इस फ़ाइल को पार्स करता है और सभी मापदंडों के साथ एक URL बनाता है।

यह कुछ इस तरह निकलता है

 https://heatmap-external-a.strava.com/tiles-auth/all/hot/10/619/318.png?px=256<b>&Signature</b>=Q47FWl1RX-5tLNK9fGfa7hdoxqwwjCLfrxwb~L3eke8h~glz5IBHmkLmu8ofh6eNWUM3usHTz4Z3rypbQGByC2jRhdzL2iJndIOu2TY9ZU34YUJV9QgMEf0L5cDHGjEsksYSVdkCqNRvOMnnzUc96wR9sktK2a0pcsI~E5eNvqjfsGbSWi6KCdfc1-~2D8t9YjbKftokhvMY20pM~PD6Y-fGYmpoTO5LOyMfIYboXnKGm29VnA9kA8LIxD-LzpADWO81i4pOMBvkVkJuLBGtO96a79P5D4tRP05DpI7y457LuKcuqRZaVQRB1L2AXgKvQgnx6nqr9T2jRAZNoy06ng__ <b>&Key-Pair-Id</b>=APKAIDPUN4QMG7VUQPSA <b>&Policy</b>=eyJTdGF0ZW1lbnQiOiBbeyJSZXNvdXJjZSI6Imh0dHBzOi8vaGVhdG1hcC1leHRlcm5hbC0qLnN0cmF2YS5jb20vKiIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTU1ODUwODc2Mn0sIkRhdGVHcmVhdGVyVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNTU3Mjg0NzYyfX19XX0_ LzpADWO81i4pOMBvkVkJuLBGtO96a79P5D4tRP05DpI7y457LuKcuqRZaVQRB1L2AXgKvQgnx6nqr9T2jRAZNoy06ng__ https://heatmap-external-a.strava.com/tiles-auth/all/hot/10/619/318.png?px=256<b>&Signature</b>=Q47FWl1RX-5tLNK9fGfa7hdoxqwwjCLfrxwb~L3eke8h~glz5IBHmkLmu8ofh6eNWUM3usHTz4Z3rypbQGByC2jRhdzL2iJndIOu2TY9ZU34YUJV9QgMEf0L5cDHGjEsksYSVdkCqNRvOMnnzUc96wR9sktK2a0pcsI~E5eNvqjfsGbSWi6KCdfc1-~2D8t9YjbKftokhvMY20pM~PD6Y-fGYmpoTO5LOyMfIYboXnKGm29VnA9kA8LIxD-LzpADWO81i4pOMBvkVkJuLBGtO96a79P5D4tRP05DpI7y457LuKcuqRZaVQRB1L2AXgKvQgnx6nqr9T2jRAZNoy06ng__ <b>&Key-Pair-Id</b>=APKAIDPUN4QMG7VUQPSA <b>&Policy</b>=eyJTdGF0ZW1lbnQiOiBbeyJSZXNvdXJjZSI6Imh0dHBzOi8vaGVhdG1hcC1leHRlcm5hbC0qLnN0cmF2YS5jb20vKiIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTU1ODUwODc2Mn0sIkRhdGVHcmVhdGVyVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNTU3Mjg0NzYyfX19XX0_

उसके बाद, यह इस पते पर HEAD अनुरोध भेजता है ताकि यह जांचा जा सके कि यह उपलब्ध है या नहीं। यदि स्टेटस कोड "200 सक्सेस" वापस आ गया है, तो कुकी अभी भी काम कर रही है। आवेदन केवल उपयोगकर्ता को इस पते पर पुनर्निर्देशित करता है और नक्शा खूबसूरती से लोड करता है।

लेकिन अगर कोड "401 अनधिकृत" आता है, तो कुकी पुराना हो गया है और आपको उन्हें फिर से प्राप्त करने की आवश्यकता है। इस मामले में, आवेदन प्राधिकरण डेटा प्राप्त करने के लिए एक स्क्रिप्ट चलाता है।

स्वचालित प्राधिकरण

पहला विचार जो मन में आता है वह है स्ट्रवा एपीआई का उपयोग करके लॉग इन करना। काश, लेकिन मैं वहां से जरूरी मापदंडों को नहीं निकाल पा रहा था। इसलिए मैंने एक चक्कर लगाने का फैसला किया।

ऐसा करने के लिए, मैंने रिमोट कंट्रोल के साथ हेडलेस क्रोम ब्राउज़र का उपयोग किया और इसके लिए एक स्क्रिप्ट लिखी ताकि यह "भौतिक रूप से" प्राधिकरण पृष्ठ को डाउनलोड करे, वहां उपयोगकर्ता नाम और पासवर्ड दर्ज किया और फिर बटन पर क्लिक किया।

ऐसा करने के लिए, एक Puppeteer लाइब्रेरी है जो Node.js स्क्रिप्ट का उपयोग करके ब्राउज़र को नियंत्रित कर सकती है। इस लेख में वाक्य रचना अच्छी तरह से वर्णित है। मेरा सुझाव है कि आप इसके साथ खुद को परिचित करें।

इसे पढ़ने के बाद, एकमात्र सवाल यह है कि हमारी स्क्रिप्ट को किस पर चलाना है। यदि आप पहले से ही एक अनुभवी Node.js डेवलपर हैं, तो आप इस अनुभाग को छोड़ सकते हैं। बाकी के लिए, मैं आपको Apify.com से तैयार सेवा का उपयोग करने की पेशकश कर सकता हूं । यह हमें अपना सर्वर बनाने और कॉन्फ़िगर करने से बचाता है। हमारे कार्यों के लिए, एक मुफ्त खाता पर्याप्त है।

स्क्रिप्ट चलाने के लिए खाता सेटिंग्स को क्षमा करें

पहले आपको इस सेवा के लिए पंजीकरण करना होगा। उसके बाद, अपने खाते के साथ अनुभाग खोलें, अभिनेता अनुभाग पर जाएं और एक नई स्क्रिप्ट बनाएं।

नाम फ़ील्ड में, वह नाम निर्दिष्ट करें जिसका उपयोग Api के माध्यम से स्क्रिप्ट चलाते समय किया जाएगा। सेव पर क्लिक करें और सोर्स पेज पर जाएं।

हेडलेस क्रोम शुरू करने के लिए, "Node.js 10 + क्रोम डेबियन पर" सर्वर छवि का चयन करें और सहेजें पर क्लिक करें।

अब Api सेक्शन में जाएं और POST रिक्वेस्ट के URL को कॉपी करें, जिसके साथ हम अपनी स्क्रिप्ट चलाएंगे।

आप इस अनुरोध के शरीर के लिए हमारी स्क्रिप्ट के लिए डेटा के साथ JSON संलग्न कर सकते हैं। मैं स्ट्रवा पर प्राधिकरण के लिए अपना लॉगिन और पासवर्ड भेजूंगा।

 { "email": "your_nick@gmail.com" , "password": "Your_Password" }

स्क्रिप्ट को स्वचालित रूप से स्ट्रॉ के साथ कुकी डेटा प्राप्त होता है

अब स्रोत अनुभाग पर वापस जाएं और कोड संपादक के साथ विंडो पर जाएं। हमारी स्क्रिप्ट इस तरह दिखाई देगी:

 const Apify = require('apify'); Apify.main(async () => { //  //     JSON const input = await Apify.getInput(); if (!input || !input.email || !input.password) throw new Error('Invalid input, must be a JSON object with the "email" and "password" field!'); //     const browser = await Apify.launchPuppeteer(); //  1 -    cookie //    const page1 = await browser.newPage(); await page1.setViewport({width: 1280, height: 1024}); //     await page1.goto('https://www.strava.com/login', {waitUntil: 'networkidle2'}); //   html-  /    await page1.waitForSelector('form'); await page1.type('input#email', input.email); await page1.type('input#password', input.password); //  ,  , //   ,       await page1.waitFor(200); //        await page1.evaluate(()=>document .querySelector('button#login-button') .click() ); //      cookie  await page1.waitForNavigation(); const sessionFourCookie = await page1.cookies(); //  2 -   cookie      //    const page2 = await browser.newPage(); //      ,   . //  ,        cookie await page2.setCookie(...sessionFourCookie); await page2.goto('https://heatmap-external-a.strava.com/auth'); //     cookie const cloudfontCookie = await page2.cookies(); //  //    await browser.close(); //    cookie    return cloudfontCookie; });

या यहाँ इस लिपि के साथ GitHub का लिंक दिया गया है।

अंतिम चरण

जब स्क्रिप्ट चलती है, तो यह प्राधिकरण डेटा के साथ एक कुकी लौटाएगा। सर्वर एप्लिकेशन इसे अपने डेटाबेस में बचाएगा और बाद के सभी स्ट्रवा कार्ड अनुरोधों के लिए इसका उपयोग करेगा। जब तक कुकीज पुरानी न हो जाएं और आपको इस प्रक्रिया को दोबारा दोहराने की जरूरत नहीं है। सौभाग्य से, अब सब कुछ स्वचालित रूप से होता है। उपयोगकर्ता की ओर से अनावश्यक कार्यों के बिना।

काश, सब कुछ इतना सहज नहीं होता। इस पद्धति का एक कमजोर बिंदु है - यह काम की गति है। तथ्य यह है कि सर्वर को शुरू करने, दूरस्थ ब्राउज़र को लोड करने, दो वेब पृष्ठों को लोड करने और उनमें से प्रत्येक पर अधिकृत करने में कुछ समय लगता है। मेरे अनुमान के अनुसार, एक मिनट से अधिक समय निकल जाता है।

इस समय के दौरान, नेविगेशन एप्लिकेशन एक टाइमआउट के कारण डाउनलोड को समाप्त कर देगा। इसलिए, उपयोगकर्ता त्रुटि कोड 401 को तुरंत वापस करना बेहतर है, ताकि एक बार फिर उसके लिए बैटरी न लगाए।

ऐसा करने के लिए, सर्वर एप्लिकेशन ध्वज को तब सेट करेगा जब उसे पता चलेगा कि कुकी डेटा पुराना है। उसके बाद, यह स्क्रिप्ट चलाने के लिए एक अनुरोध भेजेगा, और यह उपयोगकर्ताओं को तुरंत एक त्रुटि कोड लौटाएगा। दूसरे शब्दों में, सर्वर एक मिनट के लिए अनुपलब्ध रहेगा।

और जब नई कुकीज़ के साथ प्रतिक्रिया हमारी स्क्रिप्ट से आती है, तो एप्लिकेशन उन्हें इसके डेटाबेस में बचाएगा और ध्वज को साफ़ करेगा। उसके बाद, सर्वर फिर से सामान्य रूप से काम करना शुरू कर देगा और तुरंत उपयोगकर्ता को मैप डाउनलोड करने के लिए पृष्ठों पर रीडायरेक्ट करेगा।

परिणाम

हमारे लेबरों का परिणाम अपरिवर्तनीय URL बन गया है, जिसके साथ उपयोगकर्ता अपने नाविक को स्ट्रावा मानचित्र से जोड़ सकते हैं।

 https://anygis.ru/api/v1/Tracks_Strava_All/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Ride/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Run/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Water/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Winter/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_All_Bluered/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Ride_Bluered/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Run_Bluered/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Water_Bluered/{x}/{y}/{z} https://anygis.ru/api/v1/Tracks_Strava_Winter_Bluered/{x}/{y}/{z}

एक विकल्प के रूप में, आप अपने नेविगेटर के लिए इन पतों के साथ तैयार किए गए प्रीसेट बना सकते हैं। उदाहरण के लिए, इस पृष्ठ पर मैंने ओसमंड, लॉकस, गुरुमैप्स और ओरुक्स के प्रारूपों में ऐसे प्रीसेट पोस्ट किए। स्ट्रॉ मैप को डाउनलोड करने के लिंक "ओवरले" या "ग्लोबल - ओएसएम - वेसस" के तहत "पूरा सेट" अनुभाग में पाया जा सकता है।

यूडीपी: लेख के प्रकाशन के बाद की अवधि के दौरान, मैंने इस स्क्रिप्ट का एक संस्करण जोड़ा, जो डॉकर कंटेनर के माध्यम से काम करता है। निर्देश मेरे GitHub पृष्ठ पर पाए जा सकते हैं।

स्ट्रावा हीटमैप कार्ड पर स्वचालित प्राधिकरण

एक मध्यवर्ती लिंक जोड़ें

स्वचालित प्राधिकरण

अंतिम चरण

परिणाम

More articles: