MapChat

नए साल की छुट्टियां बीत चुकी हैं, हम में से कई लोगों ने नए साल की छुट्टियों का इंतजार किया है। आपके खाली समय का लाभ उठाते हुए, मैं उस परियोजना के बारे में बात करना चाहता हूं जो मैं पिछले एक महीने से काम कर रहा हूं।







मैपचैट लोगों के साथ संवाद करने के लिए एक सेवा है, जिसमें संदेश कमरे को मानचित्र पर बिंदुओं के रूप में प्रदर्शित किया जाता है। आप नए बिंदु बना सकते हैं, पहले से ही बनाए गए संदेशों को जोड़ सकते हैं, वीडियो / ऑडियो / फोटो कहीं भी दोस्तों के साथ साझा कर सकते हैं!

विशेषताएं:

पिछली घटनाओं, बैठकों, संगीत कार्यक्रमों की चर्चा;

• स्वदेशी आबादी के साथ बातचीत के माध्यम से विदेशी भाषाओं को सीखना;
• भू-लक्षित गेम, पहेलियाँ और quests;
• डेटिंग, दोस्तों की तलाश।

प्रौद्योगिकी:

MapChat CouchApp (J क्रिस एंडरसन, धन्यवाद!) का उपयोग करके बनाया गया है! और GeoCouch (मुफ्त होस्टिंग और कार्यान्वयन के लिए वोल्कर मेंथ को प्रदान करने के लिए CouchOne के लिए धन्यवाद) और किसी भी अन्य बैक-एंड का उपयोग किए बिना पूरी तरह से काउचडीबी में रहता है। एप्लिकेशन की यह संरचना आपको इसे स्थानीय रूप से चलाने की अनुमति देती है, इसे बिना किसी देरी के उपयोग करें और इंटरनेट कनेक्शन की परवाह किए बिना। वर्तमान में एक Android एप्लिकेशन विकसित किया जा रहा है (CouchOne और PhoneGap से Android के लिए CouchDB का उपयोग करके)। तृतीय-पक्ष सेवा embed.ly का उपयोग स्वचालित रूप से उपयोगकर्ता संचार (YouTube, twitpic, soundcloud, आदि) में इंटरैक्टिव तत्वों को शामिल करने के लिए किया जाता है। एम्बेड करें। JSONP API प्रदान करता है, लेकिन साइट बनाने के बाद से, मैंने सबसे कड़ी सुरक्षा नीति का पालन करने की कोशिश की - इस सेवा का उपयोग करके JSONP और एम्बेड सैंडबॉक्सिंग तकनीकों के विकास की आवश्यकता है।

JSONP और EMBED सैंडबॉक्सिंग।

एक नियम के रूप में, तृतीय-पक्ष सामग्री (पृष्ठ / स्क्रिप्ट / एम्बेड तत्व) का उपयोग करते समय, वेबसाइट डेवलपर्स एक अन्य डोमेन (बेशक, इस साइट से संबंधित) की ओर इशारा करते हुए एक iframe पेज पर कुकी-कम डोमेन तकनीक का सहारा लेते हैं। इस प्रकार, iframe की सामग्री को साइट की मुख्य विंडो और कुकी तक पहुंच से वंचित किया जाएगा।

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

1. तृतीय-पक्ष साइट से HTML सामग्री (Foreign_html_content) लें जिसे हम प्रदर्शित करना चाहते हैं।
2. हम निम्नलिखित फ़ॉर्म "data:text/html;charset=utf-8;plain," + foreign_html_content
   
   
   
   उत्पन्न करेंगे। जैसा कि आप देख सकते हैं, यह url और कुछ नहीं, बल्कि सभी आधुनिक ब्राउज़रों में लागू डेटा url है
3. हम इस url के बराबर src के साथ iframe पेज में सम्मिलित करते हैं।
4. सब कुछ तैयार है!

परिणामी iframe की मूल विंडो तक पहुंच नहीं होगी और मुख्य डोमेन के लिए कुकीज़ पढ़ने / लिखने में सक्षम नहीं होगा।



JSONP सैंडबॉक्सिंग लगभग समान रूप से कार्यान्वित की जाती है, सिवाय इसके कि यह पोस्टमैसेज पद्धति (जो फिर से अधिकांश ब्राउज़रों में उपलब्ध है) का उपयोग करता है। एक जावास्क्रिप्ट कॉलबैक फ़ंक्शन को इफ्रेम में डाला जाता है, जो पोस्टमेसेज को कॉल करेगा, और इस फ़ंक्शन के नाम के बराबर कॉलबैक के साथ jsonp यूआरएल को इंगित करने वाला एक स्क्रिप्ट टैग। और फिर सब कुछ सरल है, मूल विंडो इस iframe को जोड़ता है और श्रोता को संदेश ईवेंट में सेट करता है। प्राप्त संदेश JSONP अनुरोध का परिणाम है।



लेख के अंत में मैं साइट लिंक को याद करना चाहता हूं। (Google Chrome उपयोगकर्ताओं के लिए, मैं वेबस्टोर से एप्लिकेशन इंस्टॉल करने की सलाह देता हूं।)



पुनश्च

जो लोग विकास में भाग लेना चाहते हैं या परियोजना में मेरी मदद कर सकते हैं वे मुझे व्यक्तिगत ईमेल में लिख सकते हैं या fedor@indutny.com पर ईमेल भेज सकते हैं