अपने विचारों को ऐप बनाएं। सर्वर रहित अनुप्रयोग - कदम से कदम निर्देश

2018 में, सर्वर रहित एप्लिकेशन बैकएंड बनाने का सबसे तेज़ तरीका है, भले ही आपने कभी ऐसा न किया हो। हां, मुझे अनगिनत एप्लिकेशन कंस्ट्रक्टरों, MBaaS या BaaS के बारे में पता है, लेकिन मैं यह बताना चाहता हूं कि सर्वरहित न केवल प्राथमिक अनुप्रयोगों के लिए उपयुक्त है, बल्कि स्केलेबल कॉम्प्लेक्स बैकएंड्स के लिए भी उपयुक्त है जो कंस्ट्रक्टर पर नहीं किया जा सकता है।

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

लेख में मैं आपको बताऊंगा कि प्रमाणीकरण, उपयोगकर्ता प्रोफ़ाइल, छवि भंडारण के साथ एक सरल टूडू एप्लिकेशन कैसे बनाएं और वास्तव में, सर्वर रहित दृष्टिकोण का उपयोग करके कार्य प्रबंधन करें। हम स्वाभाविक रूप से स्विफ्टी पर ऐसा करेंगे, लेकिन यहां सभी सर्वरलेस समाधानों के लिए दृष्टिकोण समान है। तैयार आवेदन का एक उदाहरण यहां पाया जा सकता है । फ्रंटएंड vue.js में लिखा गया है, जिसे हम बिल्ट-इन ऑब्जेक्ट स्टोरेज (S3) पर चलाएंगे, बैकएंड गो और पायथन में कार्यों पर किया जाएगा।

इस गाइड को पारित करने के लिए आपको जावास्क्रिप्ट, गोशेकी और अजगर के ज्ञान की आवश्यकता नहीं है। आवेदन का स्रोत कोड यहां लिया जा सकता है ।

उपयोगकर्ता प्रमाणीकरण

पहले चरण में, हम एप्लिकेशन बैकएंड के लिए फ़ंक्शन स्वयं बनाएंगे। सबसे पहले, आपको एक स्विफ्टी खाते की आवश्यकता है, जिसे आप यहां बना सकते हैं। डैशबोर्ड पर लॉगिन करने के बाद आपको यह स्क्रीन देखनी चाहिए।



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

एक प्रमाणीकरण सेवा बनाएँ :

• ओपन स्विफ्टी -> ऑथेंटिकेशन सर्विसेज।
• Create Auth डेटाबेस पर क्लिक करें और todoapp डेटाबेस का नाम दें। मैं इस नाम का उपयोग करना जारी रखूंगा, लेकिन आप अपने आधार को अपनी इच्छानुसार नाम दे सकते हैं।

परिणामस्वरूप, बहुत सारी चीजें बनाई जाएंगी :

1. फंक्शन todoapp.base - साइनअप, साइनइन और लॉगआउट उपयोगकर्ता, OAuth 2.0 प्रोटोकॉल लागू करता है।
2. कार्य todoapp.fb - आप fb के माध्यम से उपयोगकर्ताओं को प्रमाणित करने की अनुमति देता है।
3. फंक्शन todoapp.link - fb पर पहले से निर्मित उपयोगकर्ताओं के खातों को उनके खातों से जोड़ता है।
4. फ़ंक्शन todoapp.profiles - MongoDB में उपयोगकर्ता प्रोफाइल बनाता है, अपडेट करता है, हटाता है।
5. उपयोगकर्ता खातों को संग्रहीत करने के लिए Todoapp_mgo DB - Mongo।
6. Todoapp_profiles - उपयोगकर्ता प्रोफाइल संग्रहीत करने के लिए मैंगो डीबी ।
7. प्रमाणीकरण मिडलवेयर (AuthMW) एक प्रॉक्सी है जो अनुमति देता है, जब एपीआई फ़ंक्शन का उपयोग करते हुए, इसके जेडब्ल्यूटी टोकन की जांच करके उपयोगकर्ता प्रमाणीकरण को सत्यापित करने के लिए, जो इसे टूडू.बेस फ़ंक्शन द्वारा जारी किया गया था। कोई टोकन नहीं है या यह सही नहीं है - एपीआई के अनुरोध को अस्वीकार कर दिया जाएगा।

हम "का उपयोग करते हैं।" फ़ंक्शन के नाम पर उन्हें फ़ोल्डर्स में अलग करने के लिए। इसलिए, यदि आप todoapp.newfunction नाम के साथ एक नया फ़ंक्शन बनाते हैं, तो यह स्वचालित रूप से todoapp फ़ोल्डर में जाएगा और नाम newfunction के साथ वहां दिखाई देगा। आपके कार्यों की सूची में अब निम्नलिखित सेट (चित्र देखें) होना चाहिए।

आप छोड़ सकते हैं, लेकिन बेहतर पढ़ सकते हैं

यह पैराग्राफ, सिद्धांत रूप में, छोड़ दिया जा सकता है। या नहीं, यदि आप यह समझना चाहते हैं कि हमारी प्रमाणीकरण सेवा कैसे काम करती है और स्विफ्ट कैसे काम करती है इसके बारे में थोड़ा और समझें। Go में लिखा गया todoapp.base फ़ंक्शन, मूल प्रमाणीकरण क्षमताओं को प्रदान करता है, लेकिन आपके एप्लिकेशन की आवश्यकताओं को पूरा करने के लिए कुछ भी आपको इसकी क्षमताओं का विस्तार करने से रोकता है। कोई फर्क नहीं पड़ता कि आप इसे कैसे बदलते हैं, साइनइन और साइनआउट को छूने के बिना, यह अभी भी अपना काम करेगा। फ़ंक्शन में एक चर SWIFTY_AUTH_NAME है, जो AuthMW नाम को संग्रहीत करता है। एक फ़ंक्शन को स्वयं MongoDB और AuthMW तक पहुंच की आवश्यकता होती है, जो फ़ंक्शन गुणों में एक्सेस टैब पर पंजीकृत हैं। उसके पास एक REST API ट्रिगर है जिसमें एक लिंक है जिसे फ़ंक्शन तक पहुंचने के लिए कॉल करने की आवश्यकता है।

Todoapp.base फ़ंक्शन आपसे अनुरोध करता है कि अनुरोध अनुरोध के रूप में उपयोगकर्ता और पासवर्ड को पास करें। पासवर्ड एन्क्रिप्ट किया गया है।

यहां ऐसे प्रश्नों के उदाहरण दिए गए हैं:

* Sign up: https://api.swifty.cloud:8686/call/012.../signup&userid=user@yourmail.com&password=xxxxxxxx * Sign in: https://api.swifty.cloud:8686/call/012.../signin&userid=user@yourmail.com&password=xxxxxxxx * Log out: https://api.swifty.cloud:8686/call/012.../leave&userid=user@yourmail.com 

यदि, उदाहरण के लिए, साइनइन सफल था (फ़ंक्शन सफलतापूर्वक ट्रांसमिट किए गए पासवर्ड को सत्यापित करता है), तो आप JSON को JWT टोकन के साथ प्राप्त करेंगे, जिसे हर बार उपयोग किए जाने वाले कार्यों के लिए उपयोग करना होगा, जिसके लिए प्रमाणीकरण सक्षम है। एक JWT टोकन बियरर ऑथेंटिकेशन स्कीम के आधार पर बनाया गया है। OAuth 2.0 और बियरर योजना के बारे में अधिक जानकारी यहाँ पढ़ी जा सकती है ।

यदि प्रमाणीकरण सफल नहीं होता है, तो कॉल किया गया फ़ंक्शन शुरू नहीं होता है और अनुरोध 401 कोड लौटाता है।

उपयोगकर्ता प्रोफ़ाइल प्रबंधन

इसलिए, प्रत्येक फ़ंक्शन में एक REST API url है, एक लिंक जिसे आपको फ़ंक्शन को चलाने के लिए कॉल करने की आवश्यकता है। प्रमाणीकरण फ़ंक्शन के लिए इस लिंक को प्राप्त करने के लिए, todoapp.base फ़ंक्शन खोलें, ट्रिगर टैब पर जाएं, REST API url की प्रतिलिपि बनाएँ और इसे कहीं AUTH_URL के रूप में सहेजें। थोड़ा आगे, हमें इस लिंक को हमारे एप्लिकेशन के फ्रंटेंड की कॉन्फ़िगरेशन फ़ाइल में सम्मिलित करना होगा।



हमें todoapp.profiles के लिए API URL की भी आवश्यकता है ताकि हमारा एप्लिकेशन उपयोगकर्ता प्रोफाइल का प्रबंधन कर सके। यह फ़ंक्शन खोलें, ट्रिगर टैब पर जाएं, REST API url को कॉपी करें और इसे PROFILE_URL के रूप में सहेजें।

उपयोगकर्ता अवतार प्रबंधन

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

एक चित्र प्रबंधन समारोह बनाने के लिए:

1. टैब कार्यों पर जाएं -> नया कार्य -> ​​रेपो (टेम्प्लेट) से। हम सार्वजनिक गिट रिपॉजिटरी swifty.demo में सभी फ़ंक्शन टेम्प्लेट संग्रहीत करते हैं। यह भंडार डिफ़ॉल्ट रूप से चुना जाना चाहिए।
2. अवतार प्रबंधन (अजगर) फ़ंक्शन का चयन करें, अगला पर क्लिक करें और नए todoapp.avatar फ़ंक्शन का नाम दर्ज करें। क्रिएट पर क्लिक करें।
3. अगला, ट्रिगर टैब पर जाएं, ट्रिगर जोड़ें पर क्लिक करें, REST API (URL) चुनें। दिखाई देने वाले लिंक को कॉपी करें और इसे PICTURE_URL के रूप में सहेजें।

अगला, आपको उपयोगकर्ता चित्रों को संग्रहीत करने के लिए ऑब्जेक्ट स्टोरेज में एक बकेट बनाने की आवश्यकता है:

1. ऑब्जेक्ट स्टोरेज पर जाएं -> बाल्टी टैब बनाएं। नए टूडप्पिमेज बाल्टी का नाम बताएं।
2. टैब कार्य पर जाएँ -> todoapp.avatar -> प्रवेश -> क्लिक करें जोड़ें, ऑब्जेक्ट संग्रहण का चयन करें, नव निर्मित todoappimgaes बाल्टी और क्लिक करें जोड़ें।

अब हमारे फ़ंक्शन में निर्दिष्ट बाल्टी तक पहुंच है। यह बहुत सरल है और हमें फ़ंक्शन के अंदर बाल्टी तक किसी भी एक्सेस को पंजीकृत करने की आवश्यकता नहीं है। केवल एक चीज जिसे हमें निर्दिष्ट करने की आवश्यकता है वह फ़ंक्शन है जिसमें पर्यावरण चर की सहायता से चित्रों को संग्रहीत करने के लिए बाल्टी है:

1. टैब कार्यों पर जाएँ -> todoapp.avatar -> चर और बनाएँ चर पर क्लिक करें।
2. वैरिएबल नाम - BUCKET_NAME, और इसका मान - टूडूपीमेज दर्ज करें।

कार्य प्रबंधन

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

एक समारोह बनाएँ:

1. टैब कार्यों पर जाएं -> नया कार्य -> ​​रेपो (टेम्प्लेट) से।
2. TODO एप्लिकेशन फ़ंक्शन (अजगर) का चयन करें, अगला क्लिक करें और नए todoapp.tasks फ़ंक्शन का नाम दर्ज करें। क्रिएट पर क्लिक करें।
3. अगला, ट्रिगर टैब पर जाएं, ट्रिगर जोड़ें पर क्लिक करें, REST API (URL) चुनें। दिखाई देने वाले लिंक को कॉपी करें और इसे TASKS_URL के रूप में सहेजें।

अगला, हमें अपने कार्यों को संग्रहीत करने के लिए एक डेटाबेस की आवश्यकता है। सबसे आसान विकल्प MongoDB है।

1. Mongo डेटाबेस पर जाएँ -> डेटाबेस टैब बनाएँ और todoapp_tasks नामक डेटाबेस बनाएँ।
2. टैब कार्य पर जाएँ -> todoapp.tasks -> प्रवेश -> एक नया डेटाबेस जोड़ें और जोड़ें।

अब हमारे फ़ंक्शन के पास todoapp_tasks डेटाबेस तक पहुंच है और हम इसे स्विफ्ट लाइब्रेरी का उपयोग करके फ़ंक्शन से एक्सेस कर सकते हैं, उदाहरण के लिए:

db = swifty.MongoDatabase(os.getenv('TASKS_DB_NAME'))

हमें केवल डेटाबेस नाम के साथ एक पर्यावरण चर को पंजीकृत करने की आवश्यकता है:

1. टैब कार्य पर जाएँ -> todoapp.tasks -> चर और बनाएँ चर पर क्लिक करें।
2. चर नाम - TASKS_DB_NAME और उसका मान दर्ज करें - todoapp_tasks।

सुविधाओं के लिए प्रमाणीकरण सक्षम करें

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

कुछ कार्यों के लिए टोकन सत्यापन कैसे सक्षम करें:

1. फ़ंक्शंस टैब पर जाएं और फ़ंक्शंस का चयन करें।
2. प्रमाणीकरण प्रबंधित करें पर क्लिक करें और todoapp सेवा चुनें, सक्षम करें पर क्लिक करें।

अब, todoapp.t कार्यों और todoapp.avatar केवल JWT टोकन todoapp.base का उपयोग करके उत्पन्न सही JWT के साथ उपयोगकर्ताओं के लिए किया जाएगा।

उपरोक्त सभी कार्यों के बाद, हमारे कार्यों की सूची कुछ इस तरह दिखनी चाहिए।

अनुप्रयोग प्रकाशित करें

आइए हमारे एप्लिकेशन के फ्रंटएंड से निपटें। दृश्यपटल vue.js में लिखा गया है और हमें बस इसकी कॉन्फ़िगरेशन फ़ाइल में हमारे कार्यों के लिंक जोड़ने और इस अपडेट किए गए कॉन्फ़िगरेशन के साथ एप्लिकेशन को फिर से बनाने की आवश्यकता है। यहां सब कुछ सरल है और vue.js और जावास्क्रिप्ट का कोई ज्ञान आवश्यक नहीं है।

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

 # git clone https://github.com/swiftycloud/swifty.todoapp 

उसके बाद, /swifty.todoapp/src फ़ोल्डर पर जाएं और अपने पसंदीदा संपादक में config.js फ़ाइल खोलें। आपको वहां मौजूद चरों को बदलना होगा जिन्हें आपने पहले बचाया था:

export const AUTH_URL = "https://api.swifty.cloud/call/991..."
export const PROFILE_URL = "https://api.swifty.cloud/call/281..."
export const PICTURE_URL = "https://api.swifty.cloud/call/e6a..."
export const TASKS_URL = "https://api.swifty.cloud/call/4b1..."

हमें FB से संबंधित चरों की आवश्यकता नहीं है।

फिर आपको एप्लिकेशन को फिर से बनाने की आवश्यकता है:

 # npm run build 

...
पूरा हुआ। डिस्टेंस डायरेक्टरी तैनात करने के लिए तैयार है।

आवेदन का निर्माण करने से पहले, आप स्थानीय स्तर पर भी इसका परीक्षण कर सकते हैं:

 # npm run serve 

और इसे http: // localhost: 8080 पर एक ब्राउज़र के माध्यम से एक्सेस करें

हम अपने एप्लिकेशन की स्थिर फ़ाइलों को संग्रहीत करने के लिए ऑब्जेक्ट स्टोरेज का उपयोग करते हैं। ऑब्जेक्ट स्टोरेज टैब पर जाएं, एक टूडू बाल्टी बनाएं और /swifty.todoapp/dist/ फ़ोल्डर से फाइल अपलोड करें /swifty.todoapp/dist/ फ़ोल्डर नामों का अवलोकन करें (आपको उन्हें हाथ से बनाना होगा)।

अंतिम चरण आवेदन को प्रकाशित करना है। अधिक -> HTTP सर्वर सेटिंग्स पर क्लिक करें और अपने बाल्टी के लिए HTTP सर्वर को सक्षम करें। दिखाई देने वाले लिंक को कॉपी करें और उसका पालन करें - यह आपका आवेदन है!



अब आप इसमें एक खाता बना सकते हैं और इसे कार्रवाई में आज़मा सकते हैं। यदि आप अब फ़ंक्शन स्क्रीन पर जाते हैं, तो आप देखेंगे कि फ़ंक्शन अभी लॉन्च किए गए हैं - प्रमाणीकरण, प्रोफ़ाइल लोडिंग आदि के लिए।

आगे क्या है?

हमने एप्लिकेशन बनाने के लिए सर्वर रहित का उपयोग करने का एक सरल उदाहरण दिखाया। हमारे पास अभी भी लोकप्रिय कार्यों के कई टेम्पलेट हैं, और आप, मुझे यकीन है, नए अनुप्रयोगों के लिए कई और विचार हैं। टेम्प्लेट आज़माएं, अपने कार्य लिखें और अपने विचारों को ऐप बनाएं।

और निश्चित रूप से, कृपया संपर्क करें यदि आपके पास सामान्य रूप से सर्वर रहित और विशेष रूप से स्विफ्टी के बारे में कोई प्रश्न हैं।

का आनंद लें!