🖱️ 🥥 🗑️ क्लाउड एज सीएमएस। कार्यान्वयन का उदाहरण 👎🏾 🛀 👨‍🔧

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

टी:

वेबसाइट होस्टिंग - अपने स्वयं के डोमेन को कंटेनर में बाँधने की क्षमता के साथ क्लाउड स्टोरेज। फ़ाइलों के प्रबंधन के लिए HTTP API वाले कोई भी व्यक्ति हमारे लिए उपयुक्त है: Amazon S3, Openstack Swift प्रदाता या मुफ्त GitHub पेज। मेरे मामले में, यह एक सेलेक्ट क्लाउड होगा, क्योंकि मेरा पहले से ही वहां खाता है।
दृश्य "इन-प्लेस" संपादन तब होता है जब व्यवस्थापक साइट पृष्ठ पर किसी भी तत्व को सीधे संपादित कर सकता है। पृष्ठ के कुछ हिस्सों को संपादित किया जा सकता है, हम एक विशेष CSS क्लास ("sv") में चिह्नित करेंगे।
HTML पृष्ठ के स्रोत कोड का संपादन मोड - यदि WYSIWYG संपादक सामना नहीं करता है, या यदि आपको पूरे पृष्ठ का डिज़ाइन बदलने की आवश्यकता है।

इंटरफेस:

एकमात्र समस्या जो हमारे रास्ते में है, उसी-मूल नीति को दरकिनार करके, ब्राउज़र से XmlHttpRequest के माध्यम से चयनकर्ता रिपॉजिटरी तक पहुंचना है।
सेलेक्ट रिपॉजिटरी खुद को कोर का समर्थन करती है, लेकिन ओडिसी.सेल एलसीडीएन .3 प्राधिकरण बिंदु इस का दावा नहीं कर सकता है। घात! कुछ सर्वर के माध्यम से अनुरोध को प्रॉक्सी करना आवश्यक है। याहू टेबल्स का सरल और अबाधित शिल्प बचाव के लिए आता है, जो आपको XML मार्कअप और जावास्क्रिप्ट के मिश्रण का उपयोग करके सरल JSONP सेवाएं बनाने की अनुमति देता है। हमारा "टेबल" याहू सर्वर के माध्यम से एक प्राधिकरण अनुरोध भेजेगा और, यदि सफल हो, तो स्टोर में कुंजी लौटाएं।
याहू क्वेरी भाषा (YQL) के शब्दों में, सब कुछ प्राथमिक है:

USE 'http://cms.svsite.com/auth.selectel.xml' AS auth; /*   */ SELECT * FROM auth WHERE url='https://auth.selcdn.ru' AND user='' AND key='';

ट्रैफ़िक https पर चला जाता है, इसलिए यह सुरक्षित प्राधिकरण के लिए पास होगा। मुझे मारिसा और एनएसए पर भरोसा है।

CMS कोड कहीं भी रह सकता है - उदाहरण के लिए, बुकमार्कलेट के रूप में या ब्राउज़र एक्सटेंशन के रूप में। मैंने इसे उसी सेलेक्ट में डाल दिया। अब, किसी साइट पर "इंस्टॉल" करने के लिए, बस हमारे 100-लाइन जावास्क्रिप्ट के लिंक के साथ इसे एक html पृष्ठ अपलोड करें। सास क्या नहीं है?

इसलिए संक्षेप में।
हमारी तकनीक स्टैक बदसूरत है: सामने के छोर पर HTML और jQuery, Selectel रिपॉजिटरी और याहू टेबल्स - बैकएंड। यदि Cort.selcdn.ru कॉर्स का समर्थन करना शुरू कर देता है, तो आप बाद वाले से छुटकारा पा सकते हैं।
इंटरफ़ेस: मुख्य मेनू के तीन बटन और CKEditor। आप रह सकते हैं।

CMS कोड यहाँ उपलब्ध है: cms.svsite.com/sv.js
डेमो: Demo.svsite.com/admin.html 3341_democms / VDMXrmKpZe
महत्वपूर्ण! अंतिम बार किसने बचाया - वह और चप्पल। अपडेट हमेशा तुरंत (सीडीएन कैश) दिखाई नहीं देते हैं। सभी फ़ंक्शन डेमो में उपलब्ध हैं, इसलिए यह तब तक काम करेगा जब तक कि कोई इसे तोड़ न दे।

पुनश्च।
1. यह अवधारणा का प्रमाण है।
2. कोड खुला है - एक पैच भेजें या बंद करें।
3. सेलेक्ट स्टोरेज के बारे में कहानी के लिए शुक्रिया यूहनोबी

क्लाउड एज सीएमएस। कार्यान्वयन का उदाहरण

More articles: