Backend-as-a-Service का उपयोग करके संबंधपरक डेटा के साथ काम करना

हाय हाबरा-मनुष्यों

आज हम एक जावास्क्रिप्ट एप्लिकेशन लॉन्च करेंगे, जो कि BaaS API के साथ इंटरैक्शन का उपयोग करके सर्वर से सीधे एक चालान जारी करता है। एप्लिकेशन को विकसित करने के लिए, सर्वर साइड पर कोड की 0 लाइनें लिखना आवश्यक था, इस तथ्य के बावजूद कि एप्लिकेशन में रिमोट (और पूर्ण) डेटा स्टोर, उपयोगकर्ता को पंजीकृत करने की क्षमता और लॉगिन समर्थन है। स्रोत कोड github पर उपलब्ध है।



Cutscene के तहत Backendless का उपयोग करके जटिल वस्तुओं के साथ काम करने में Baa दृष्टिकोण की सादगी का प्रदर्शन करने वाले विवरण हैं।

इस एप्लिकेशन के लिए रूपरेखा, द एडिटेबल इनवॉइस (बाद में "एडिटेबल इनवॉइस" के रूप में संदर्भित ), noBackend.org द्वारा विकसित की गई है, जो डेवलपर्स को बाएएस दृष्टिकोण के लाभों के बारे में जानने में मदद करती है। उनकी दृष्टि विभिन्न बैकेंड पर अनुशंसित कार्यान्वयन के उदाहरण प्रदान करना है। इस ऐप को हाल ही में बैकएंडलेस प्लेटफॉर्म पर पोर्ट किया गया है। परियोजना के स्रोत कोड को जीथब से डाउनलोड किया जा सकता है।



(जो लोग हमारे मंच पर सभी एपीआई की रूसी-भाषा की समीक्षा के पहले पोस्ट को याद कर सकते हैं, वे इसे यहां पा सकते हैं।)

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


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

1. एफबी प्राधिकरण के माध्यम से डेवलपर के वेब कंसोल पर रजिस्टर करें या जाएं । आवेदन पंजीकरण प्रक्रिया के दौरान बनाया गया है या आप इसे किसी भी समय बाद में बना सकते हैं।

2. कंसोल में प्रवेश करने के बाद, एप्लिकेशन का चयन करें।

3. "प्रबंधित करें" आइकन पर क्लिक करें। एप्लिकेशन सेटिंग विंडो खुलती है। विंडो में कई उपयोगी सेटिंग्स और गुण हैं, लेकिन अभी के लिए, आपको केवल जावास्क्रिप्ट क्लाइंट के लिए एप्लिकेशन आईडी और गुप्त कुंजी की आवश्यकता है।



4. ब्राउज़र विंडो को खुला छोड़ें (आपको इस विंडो से आईडी और की को कॉपी और पेस्ट करना होगा) और टेक्स्ट एडिटर में /editable-invoice/backendless/applogic.js खोलें।

5. लाइन 1 पर कोड में एप्लिकेशन आईडी और गुप्त कुंजी को कॉपी / पेस्ट करें:

1 Backendless.initApp("PUT-YOUR-APP-ID-HERE", "PUT-YOUR-JS-SECRET-KEY-HERE", "v1"); 

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



7. "सहेजें" पर क्लिक करें। इस संपत्ति के लिए रेडियो बटन का चयन करके "पहचान" के रूप में "लॉगिन" संपत्ति का चयन करना सुनिश्चित करें। "उपयोगकर्ता गुण" विंडो निम्न की तरह दिखनी चाहिए:



8. उदाहरण रन करें। आप फ़ाइल सिस्टम से सीधे ब्राउज़र में संपादन-चालान / index.html खोल सकते हैं। वैकल्पिक रूप से, आप पूरे एप्लिकेशन को एक वेब सर्वर पर चला सकते हैं और URL के माध्यम से संपादन-इनवॉइस / इंडेक्स। Html अपलोड कर सकते हैं।

आवेदन शुरू करने के बाद निम्नलिखित क्रियाओं को आजमाएँ:

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

कोड समीक्षा
नीचे एक आवेदन में बैकएंडलेस एपीआई का उपयोग करने के कुछ उदाहरण दिए गए हैं:

एप्लिकेशन स्टार्टअप पर सभी चालान डाउनलोड करें
(/ बैकएंडलेस/applogic.js, लाइनें 3-15)

 1 $('document').ready( function() 2 { 3 // bootstrap & render App 4 App.store = {}; 5 App.store.invoices = Backendless.Persistence.of(function invoice(){}); 6 try 7 { 8 renderApp(App.store.invoices.find( 9 { 10 options: 11 { 12 related: ["items"] 13 } 14 }).data ); 15 } 16 catch(e) 17 { 18 renderApp( [] ); 19 } 20 ... 

लाइन 5 में बैकएंडलेस में संग्रहीत डेटा के लिए एक "चालान" लिंक है। लौटी हुई वस्तु इस तालिका के लिए CRUD (क्रिएट, रिट्रीव, अपडेट, डिलीट) परिचालनों तक पहुंच प्रदान करती है।

पंक्ति 8 (ढूंढें) सभी पहले से सहेजे गए इनवॉइस ऑब्जेक्ट को लोड करने के लिए एक अनुरोध भेजता है।

10-13 पंक्तियाँ प्लेटफ़ॉर्म द्वारा दिए गए इनवॉइस ऑब्जेक्ट्स "ऑब्जेक्ट्स" (इनवॉइस में लोअर केस नेम या केवल "आइटम") से लिंक को शामिल करने के लिए अनुरोध किए गए इनवॉइस ऑब्जेक्ट्स के लिए अनुरोध करते हैं।

बचत / अद्यतन चालान
(/ बैकेंडलेस/applogic.js, लाइनें 39-62)

 1 var handleInvoiceSave = function(properties) { 2 try{ 3 var obj = App.store.invoices.find({ 4 options:{ 5 related: ["items"] 6 }, 7 condition: "id='" + properties.id +"'" 8 }).data[0]; 9 10 if(obj){ 11 properties.objectId = obj["__updated__objectId"] || obj.objectId; 12 for(var i = 0; i < obj.items.length; i++){ 13 for(var j = 0; j < properties.items.length; j++){ 14 if(properties.items[j].id == obj.items[i].id){ 15 properties.items[j].objectId = obj.items[i].objectId; 16 } 17 } 18 } 19 } 20 } catch(e){ 21 }finally{ 22 App.store.invoices.save(properties); 23 } 24 } 

लाइनें 3-7: सत्यापित करें कि चालान पहले सहेजा गया था। पैरामीटर "स्थिति" का उपयोग किया जाता है जहां पैरामीटर "आईडी" द्वारा चालान द्वारा खोज इंगित की जाती है।

लाइन्स 10-19: यदि कोई खाता पाया जाता है (अर्थात, यह पहले सहेजा गया था), नामों पर पुनरावृत्त करता है और नाम के लिए "ऑब्जेक्टआईड" निर्दिष्ट करता है। इस उदाहरण में, प्रत्येक "आइटम" में एक "आईडी" है जो क्लाइंट साइड (/sared/js/invoice.js, लाइनों 14 और 28) पर असाइन किया गया है। इसके शीर्ष पर, बैकएंडलेस प्रत्येक संग्रहीत ऑब्जेक्ट को एक अद्वितीय आईडी प्रदान करता है। यह आईडी "ऑब्जेक्टआईड" मापदंडों में संग्रहीत है। आईडी मापदंडों की जांच करके वस्तुओं के बीच निरंतरता बनाए रखना महत्वपूर्ण है। यह कोड ब्लॉक सेव ऑपरेशन के लिए यह क्रिया करता है।

पंक्ति 22: जैसे ही कोई आईडी असाइन की जाती है, पूरा चालान (सभी नामों के साथ) सहेज लिया जाता है।

चालान हटाएं
(/ बैकेंडलेस/applogic.js, लाइनें 64-68)

 1 var handleInvoiceDelete = function(properties) { 2 console.log("delete invoice"); 3 App.store.invoices.remove( properties, new Backendless.Async(function(){ 4 })); 5 } 

उपयोगकर्ता पंजीकरण
(/ बैकेंडलेस/applogic.js, लाइनें 82-93)

 1 var handleSignUp = function(inputs) { 2 var user = new Backendless.User(); 3 user.login = inputs.username; 4 user.email = inputs.email; 5 user.password = inputs.password; 6 Backendless.UserService.register( user, 7 new Backendless.Async( function(){ 8 App.hideModalForm() 9 }, function(data){ 10 App.renderModalFormError({error: data.message}); 11 })); 12 }; 

लाइनें 2-5: एक बैकएंडलेस.यूजर ऑब्जेक्ट बनाया जाता है जिसमें उपर्युक्त खंड 7 में परिभाषित सभी उपयोगकर्ता मापदंडों के मान शामिल हैं।

लाइनें 6-11: उपयोगकर्ता को पंजीकृत करने के लिए बैकएंडलेस को एक अनुरोध भेजा जाता है। अनुरोध बैकएंडलेस के साथ अतुल्यकालिक है। सफलता और त्रुटि कार्यों के लिए कॉलबैक आयोजित करने वाली वस्तु।

उपयोगकर्ता लॉगिन
(/ बैकएंडलेस/applogic.js, लाइनें 94-104)

 1 var handleSignIn = function(inputs) { 2 Backendless.UserService.login( inputs.username, inputs.password, 3 new Backendless.Async( function(data){ 4 App.user = new Backendless.User(data); 5 App.hideModalForm(); 6 App.renderUserSignedIn(data); 7 },function(data){ 8 App.renderUserAuthenticationError(); 9 App.renderModalFormError({error: data.message}); 10 }) ); 11 }; 

पंक्ति 2: एक लॉगिन अनुरोध बैकएंडलेस को भेजा जाता है। पहला तर्क "पहचान" पैरामीटर के लिए मान होना चाहिए (ऊपर पैरा 7 देखें)।

अंत। आपका ध्यान देने के लिए धन्यवाद।