BaaS का उपयोग करके ऐप कैसे बनाएं?

Hindi

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

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

Contents

1 बैकएंड प्लेटफ़ॉर्म
2 Back4App ऐप बनाना
3 अपने ऐप को Back4App से कनेक्ट करना
4 Back4App पर डेटा सेव करना
5 Back4App से डेटा फेच करना
6 Back4App पर डेटा अपडेट करना
7 Back4App पर डेटा डिलीट करना
8 निष्कर्ष

बैकएंड प्लेटफ़ॉर्म

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

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

Back4App पर एक एप्लिकेशन डिप्लॉय करने के कई लाभ हो सकते हैं। सबसे पहले, Back4App वेब एप्लिकेशन डिप्लॉय करने की एक सरल प्रक्रिया प्रदान करता है, जिससे आपका बहुत समय बचता है।

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

Back4App आपको आपके ऐप के आकार को आसानी से समायोजित करने की अनुमति देता है ताकि ट्रैफिक में वृद्धि को संभाला जा सके और इसमें ऐप के प्रदर्शन की निगरानी और सुधार के उपकरण भी शामिल हैं।

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

बैकएंड एज ए सर्विस का उपयोग करके ऐप बनाने के तरीके को जानने के लिए पढ़ते रहें।

Back4App ऐप बनाना

Back4App पर ऐप बनाने से पहले, आपके पास Back4App खाता होना चाहिए। यदि आपके पास Back4App खाता नहीं है, तो आप नीचे दिए गए चरणों का पालन करके एक खाता बना सकते हैं।

Back4App वेबसाइट पर जाएँ।
इसके बाद, लैंडिंग पेज के शीर्ष-दाएँ कोने पर Sign up बटन पर क्लिक करें।
अंत में, साइन-अप फॉर्म भरें और सबमिट करें।

सफलतापूर्वक Back4App खाता बनाने के बाद, अपने Back4App खाते में लॉग इन करें और शीर्ष दाएँ कोने पर NEW APP बटन पर क्लिक करें।

इस बटन पर क्लिक करने से आपको एक फॉर्म पर ले जाया जाएगा जहाँ आपको ऐप का नाम दर्ज करना होगा। अपना ऐप नाम दर्ज करें और CREATE बटन पर क्लिक करें।

CREATE बटन पर क्लिक करने से आपका नया ऐप तैयार हो जाएगा और आप अपने ऐप के डैशबोर्ड पर पहुँच जाएंगे।

अब आपने Back4App पर एक नया ऐप बना लिया है। अगला कदम है आवश्यक निर्भरता (dependency) को इंस्टॉल करना और अपने ऐप को Back4App से कनेक्ट करना।

अपने ऐप को Back4App से कनेक्ट करना

Back4App, एक BaaS प्लेटफ़ॉर्म के रूप में, Parse सर्वर के ऊपर बनाया गया है, इसलिए अपने ऐप को Back4App सर्वरों के साथ एकीकृत करने के लिए आपको Parse JavaScript SDK इंस्टॉल करना होगा।

npm का उपयोग करके Parse JavaScript SDK इंस्टॉल करने के लिए निम्नलिखित कमांड चलाएँ:

npm install parse

वैकल्पिक रूप से, आप yarn पैकेज मैनेजर का उपयोग करके निम्नलिखित कमांड चला सकते हैं:

yarn add parse

अगला, आपको कुछ एप्लिकेशन क्रेडेंशियल्स प्राप्त करने होंगे। आपको अपने ऐप को Back4App से कनेक्ट करने के लिए Application ID और Javascript KEY की आवश्यकता होगी।

Application ID वह मुख्य आईडी है जो आपके ऐप की अनूठी पहचान करती है। Javascript KEY वह आईडी है जिसका उपयोग आप JavaScript क्लाइंट से अनुरोध करते समय करते हैं।

इन क्रेडेंशियल्स को प्राप्त करने के लिए, अपने ऐप के डैशबोर्ड पर App Settings चुनें, फिर Security & Keys चुनें। यह आपको विभिन्न ऐप कीज वाले पेज पर ले जाएगा, जहाँ से Application ID और Javascript KEY को कॉपी करके सुरक्षित रूप से संग्रहित करें।

अगला, अपने ऐप के एंट्री फाइल (app.js) में parse से Parse का मिनिफाइड वर्शन आयात करें।

उदाहरण के लिए:

//app.js
import Parse from "parse/dist/parse.min.js";

इसके बाद, Parse पर initialize मेथड कॉल करें। यह मेथड आपके Application ID और Javascript KEY को आर्ग्युमेंट्स के रूप में लेता है।

उदाहरण के लिए:

//app.js
Parse.initialize(PARSE_APPLICATION_ID, PARSE_JAVASCRIPT_KEY);

initialize मेथड को कॉल करने और आपके Application ID तथा Javascript KEY पास करने से Parse SDK इनिशियलाइज़ हो जाता है।

इसके बाद, Parse पर serverURL प्रॉपर्टी को https://parseapi.back4app.com/ सेट करें।

उदाहरण के लिए:

Parse.serverURL = "<https://parseapi.back4app.com/>";

आपका ऐप इनिशियलाइज़ हो चुका है और सुरक्षित रूप से Back4App से कनेक्ट हो सकता है। अगला, आप प्लेटफ़ॉर्म पर कुछ डेटा सेव करेंगे। बैकएंड एज ए सर्विस का उपयोग करके ऐप बनाने के तरीके को जानने के लिए पढ़ते रहें।

Back4App पर डेटा सेव करना

JavaScript Parse SDK का उपयोग करते हुए Back4App पर डेटा सेव करने के लिए, जो Back4App प्लेटफ़ॉर्म के साथ इंटरैक्ट करने के विभिन्न मेथड्स प्रदान करता है, आपको एक Parse ऑब्जेक्ट इंस्टेंस बनाना होगा और उन विशेषताओं (attributes) को परिभाषित करना होगा जो आप अपने इंस्टेंस में रखना चाहते हैं।

इस ट्यूटोरियल के लिए, मान लीजिए आप Back4App से एक Todo एप्लिकेशन कनेक्ट करने का प्रयास कर रहे हैं।

नीचे दिए कोड ब्लॉक में यह उदाहरण दिया गया है कि JavaScript Parse SDK का उपयोग करके Back4App पर डेटा कैसे सेव किया जा सकता है:

function addTodo() {
  try {
    // एक नया Parse ऑब्जेक्ट इंस्टेंस बनाना
    const Todo = new Parse.Object("Todo");

    // ऑब्जेक्ट विशेषताओं को परिभाषित करना
    Todo.set("title", "First Todo");
    Todo.set("completed", false);

    // Back4App पर ऑब्जेक्ट सेव करना
    Todo.save().then(() => {
      console.log("New todo added successfully");
    });
  } catch (error) {
    console.log(error);
  }
}

ऊपर दिए गए addTodo फ़ंक्शन में, Parse.Object() कंस्ट्रक्टर का उपयोग करके Todo क्लास का एक नया Parse ऑब्जेक्ट बनाया गया था। Parse.Object() कंस्ट्रक्टर एक क्लास नाम को आर्ग्युमेंट के रूप में लेता है।

इसके बाद, set मेथड कॉल करके Todo की विशेषताओं को सेट किया गया। set मेथड एक key और एक value लेता है। इस मामले में, Todo क्लास में दो विशेषताएँ हैं, title और completed, जिन्हें क्रमशः “First Todo” और false सेट किया गया।

अंत में, save मेथड को कॉल करके Todo क्लास को Back4App पर सेव किया गया। save() मेथड असिंक्रोनस होता है; इसलिए, यदि सेव सफल रहता है तो यह एक प्रॉमिस रिटर्न करता है या असफल होने पर एक त्रुटि रिटर्न करता है।

Back4App पर डेटा सेव करने के बाद, आप अपने एप्लिकेशन डैशबोर्ड पर जाकर अपनी क्लास का नाम क्लिक करके डेटा देख सकते हैं।

Back4App डैशबोर्ड जिसमें जोड़ा गया डेटा और डेटा क्लास हाइलाइट की गई है

अब आप सुरक्षित रूप से Back4App पर डेटा सेव कर सकते हैं। अगला, आप Back4App से सेव किए गए डेटा को कैसे फेच करें, यह जानेंगे।

Back4App से डेटा फेच करना

Back4App से डेटा फेच करने के लिए, आपको उस क्लास के लिए एक Parse क्वेरी बनानी होगी जिससे आप डेटा फेच करना चाहते हैं, उदाहरण के लिए ऊपर चर्चा की गई Todo क्लास। फिर, आप JavaScript Parse SDK द्वारा प्रदान किए गए मेथड्स का उपयोग करके निर्दिष्ट मानदंडों के आधार पर डेटा फ़िल्टर करते हैं।

नीचे दिए कोड ब्लॉक में यह उदाहरण दिया गया है कि JavaScript Parse SDK का उपयोग करके Back4App से डेटा कैसे फेच किया जा सकता है:

async function fetchTodo() {
  try {
    // Todo क्लास के लिए एक Parse क्वेरी बनाना
    const query = new Parse.Query("Todo");

    // दिए गए title से मेल खाने वाले todo की खोज के लिए equalTo फ़िल्टर का उपयोग करना
    query.equalTo("title", "First Todo");

    // क्वेरी चलाना
    const Todo = await query.first();

    // स्टैटिक विशेषताओं का उपयोग करना
    const todoId = Todo.id;
    const todoUpdateAt = Todo.updatedAt;
    const todoCreatedAt = Todo.createdAt;

    // सेट की गई विशेषताओं का उपयोग करना
    const todoTitle = Todo.get("title");
    const todoCompleted = Todo.get("completed");
    
    // मानों को लॉग करना
    console.log(todoId, todoCreatedAt, todoUpdateAt, todoTitle, todoCompleted);
  } catch (error) {
    console.log(error);
  }
}

ऊपर दिए गए fetchTodo फ़ंक्शन में, Parse.Query() कंस्ट्रक्टर का उपयोग करके Todo क्लास के लिए एक नई क्वेरी बनाई गई। यह क्वेरी ऑब्जेक्ट Back4App से डेटा प्राप्त करने के लिए उपयोग किया जाता है।

इसके बाद, equalTo() मेथड का उपयोग किया गया, जो एक key और एक value लेता है, ताकि क्वेरी को फ़िल्टर किया जा सके और यह सुनिश्चित किया जा सके कि यह “First Todo” शीर्षक वाला todo लौटाता है।

आपकी आवश्यकताओं के अनुसार, आप कई अन्य फिल्टर्स का उपयोग कर सकते हैं, जैसे notEqualTo मेथड या greaterThan मेथड, जो कुंजी-मूल्य जोड़े को आर्ग्युमेंट के रूप में लेता है ताकि आपकी क्वेरी फ़िल्टर हो सके।

इसके बाद, क्वेरी को first() मेथड का उपयोग करके चलाया गया, जो फ़िल्टर से मेल खाने वाला पहला परिणाम लौटाता है। first() मेथड एक प्रॉमिस रिटर्न करता है जो कि यदि मेल खाता ऑब्जेक्ट मिलता है तो उसे रिज़ॉल्व करता है, अन्यथा त्रुटि के साथ रिजेक्ट करता है।

वैकल्पिक रूप से, आप find() मेथड का उपयोग करके क्वेरी चला सकते हैं, जो फ़िल्टर से मेल खाने वाले परिणामों की एक एरे लौटाता है।

जब क्वेरी निष्पादित हो जाती है और Todo ऑब्जेक्ट लौटाया जाता है, तो आप ऑब्जेक्ट की स्टैटिक विशेषताओं, जैसे id, createdAt, और updatedAt का उपयोग कर सकते हैं। ये स्टैटिक विशेषताएँ Parse SDK द्वारा सेट की जाती हैं और इन्हें get मेथड का उपयोग करके प्राप्त नहीं किया जा सकता या set मेथड का उपयोग करके संशोधित नहीं किया जा सकता।

आप get() मेथड का उपयोग करके सेट की गई विशेषताओं, जैसे title और completed का भी उपयोग कर सकते हैं। get मेथड एक विशेषता की कुंजी को आर्ग्युमेंट के रूप में लेता है और उस विशेषता का मान लौटाता है।

Back4App पर डेटा अपडेट करना

Back4App पर डेटा अपडेट करना, Back4App पर डेटा सेव करने के समान ही है। Back4App पर डेटा अपडेट करने के लिए, अपने Parse ऑब्जेक्ट इंस्टेंस पर कुछ नया डेटा सेट करें और save मेथड कॉल करें।

Parse SDK स्वचालित रूप से निर्धारित कर लेता है कि कौन सा डेटा बदल गया है, इसलिए केवल परिवर्तित क्षेत्रों को ही Back4App पर भेजा जाएगा।

नीचे दिए कोड ब्लॉक में यह उदाहरण दिया गया है कि JavaScript Parse SDK का उपयोग करके Back4App पर डेटा कैसे अपडेट किया जा सकता है:

async function updateTodo() {
  try {
    // एक Parse ऑब्जेक्ट इंस्टेंस बनाना
    const Todo = new Parse.Object("Todo");

    // ऑब्जेक्ट विशेषताओं को परिभाषित करना
    Todo.set("title", "Unmodified Todo");
    Todo.set("completed", false);

    // ऑब्जेक्ट विशेषताओं को अपडेट करना
    Todo.save().then((todo) => {
      todo.set("title", "modified Todo");

      return todo.save().then(() => {
        console.log("Todo updated");
      });
    });
  } catch (error) {
    console.log(error);
  }
}

ऊपर दिए गए updateTodo फ़ंक्शन में, प्रारंभिक विशेषताओं को save मेथड का उपयोग करके Todo क्लास में सेव करने के बाद, save मेथड के रिज़ॉल्व ऑब्जेक्ट को कॉलबैक फ़ंक्शन में आर्ग्युमेंट के रूप में पास किया गया, जहाँ उस ऑब्जेक्ट को set() मेथड का उपयोग करके “title” प्रॉपर्टी के नए मान के साथ अपडेट किया गया।

ऑब्जेक्ट अपडेट करने के बाद, save() मेथड को फिर से ऑब्जेक्ट पर कॉल किया जाता है, जो अपडेटेड डेटा को Back4App बैकएंड पर स्टोर करने के लिए भेज देता है।

save() मेथड एक प्रॉमिस रिटर्न करता है जो कि यदि सेव सफल रहता है तो अपडेटेड ऑब्जेक्ट के साथ रिज़ॉल्व करता है, अन्यथा त्रुटि के साथ रिजेक्ट करता है।

Back4App पर डेटा डिलीट करना

आप Back4App पर डेटा डिलीट करने के लिए क्लास इंस्टेंस पर destroy मेथड कॉल कर सकते हैं।

उदाहरण के लिए:

Todo.destroy().then(() => {
      console.log("Object deleted successfully");
    });

वैकल्पिक रूप से, आप Parse क्लास इंस्टेंस पर unset मेथड कॉल करके किसी ऑब्जेक्ट से एकल फ़ील्ड डिलीट कर सकते हैं।

उदाहरण के लिए:

Todo.unset("Title");

unset मेथड एक key को आर्ग्युमेंट के रूप में लेता है और Back4App से उस फ़ील्ड को डिलीट कर देता है।

निष्कर्ष

निष्कर्षतः, एक BaaS (बैकएंड एज ए सर्विस) का उपयोग करके उत्कृष्ट एप्लिकेशन बनाना संभव है, बिना सर्वर-साइड तकनीक का गहन ज्ञान रखे।

यह किसी भी ऐप के बैकएंड घटकों को तेजी से बनाने के लिए आवश्यक उपकरण और संसाधन प्रदान करता है, जैसे कि प्रमाणीकरण और एनालिटिक्स पहले से ही निपटारे में होते हैं।

Back4App पर ऐप डिप्लॉय करना एक सरल प्रक्रिया है जिसे आप इस ट्यूटोरियल में वर्णित चरणों का पालन करके पूरा कर सकते हैं।

Back4App एक मजबूत और स्केलेबल बैकएंड-ए-सरविस प्लेटफ़ॉर्म प्रदान करता है, जो आपके ऐप्स में आसानी से बैकएंड कार्यक्षमता जोड़ने की अनुमति देता है।

Back4App के साथ, आप एक बेहतरीन उपयोगकर्ता अनुभव बनाने पर ध्यान केंद्रित कर सकते हैं और बैकएंड प्रबंधन को Back4App पर छोड़ सकते हैं।

BaaS का उपयोग करके ऐप कैसे बनाएं?

बैकएंड प्लेटफ़ॉर्म

Back4App ऐप बनाना

अपने ऐप को Back4App से कनेक्ट करना

Back4App पर डेटा सेव करना

Back4App से डेटा फेच करना

Back4App पर डेटा अपडेट करना

Back4App पर डेटा डिलीट करना

निष्कर्ष

Leave a reply Cancel reply