विषयसूची[लुकाउनुहोस्][देखाउनु]
- Bubble.io के हो?
- भिजुअल प्रोग्रामिङ के हो?
- तपाइँ कुन प्रकारका एपहरू विकास गर्न सक्नुहुन्छ?
बबल (ट्यूटोरियल) को साथ एउटा एप निर्माण गर्दै+-
- १. सुरू गर्दै
- 2. डाटाबेस कन्फिगर गर्दै
- 3. कार्यप्रवाह निर्माण
- 4. समाचार कथा सिर्जना गर्दै
- 5. फिडमा गतिशील सामग्री प्रदर्शन गर्दै
- 6. पृष्ठहरू बीच डाटा पठाउँदै
- 7. कथा पृष्ठमा गतिशील सामग्री प्रदर्शन गर्दै
- 8. प्रकाशकको लेख प्रदर्शन गर्दै
- 9. पछ्याउने प्रकाशकहरू
- 10 अतिरिक्त सुविधाहरू तपाईंले थप्न सक्नुहुन्छ
- 11. परिणाम
- विशेषज्ञहरूले
- विपक्ष
- मूल्य निर्धारण
- निष्कर्ष
मैले हालै HTML, CSS, र JavaScript बाहेक वेब विकास दृष्टिकोणहरूमा रुचि राखेको छु।
बढ्दो नो-कोड ल्यान्डस्केपको साथ, वेब अनुप्रयोगहरू विकास गर्नको लागि थप मानक दृष्टिकोणहरूको लागि धेरै विकल्पहरू छन् भनेर पत्ता लगाउन यो अचम्मको कुरा थिएन।
तपाइँ केहि अधिक प्रख्यात CMS प्लेटफर्महरु संग परिचित हुनुपर्दछ, जस्तै WordPress जुन धेरै धेरै कोड-मुक्त छन्। तर, यदि तपाइँ वेब एपहरू निर्माण गर्न चाहनुहुन्छ भने, त्यस्ता प्लेटफर्महरू प्रतिबन्धित लाग्न सक्छ।
यहाँ म तपाईंलाई Bubble.io, एक शक्तिशालीसँग परिचय गराउँछु नो-कोड उपकरण जसले तपाईंलाई पहिले कहिल्यै जस्तो वेब एपहरू निर्माण गर्न दिन्छ।
यसलाई गहिराइमा अन्वेषण गरौं!
के हो Bubble.io?
बबल एक गैर-प्राविधिक प्लेटफर्म हो जसले भिजुअल प्रोग्रामिङ भाषा र ए वेब विकास फ्रेमवर्क.
प्रयोगकर्ताहरूले यी प्रोग्रामिङ उपकरणहरू अद्वितीय अनलाइन अनुप्रयोगहरू निर्माण गर्न, डाटाबेस र प्रक्रियाहरू परिवर्तन गर्न, पृष्ठ अवयवहरू (छवि, पाठ, इनपुट फारमहरू, नक्साहरू) थप्न र तिनीहरूको इन्टरफेसहरू डिजाइन गर्न प्रयोग गर्न सक्छन्।
यो एउटा बजार हो जहाँ तपाईं बलियो उत्पादनहरू निर्माण गर्न मद्दत गर्न आदर्श टेम्प्लेटहरू, प्लगइनहरू, र सेवाहरू पत्ता लगाउन सक्नुहुन्छ।
एक विशिष्ट प्रोग्रामिङ फ्रेमवर्क सेटअप नगरीकन, तपाईले बबल प्रयोग गरेर बजारबाट सामाजिक सञ्जालमा CRM (ग्राहक सम्बन्ध व्यवस्थापन) सम्म केहि पनि सिर्जना गर्न सक्नुहुन्छ।
यसले ग्राहकहरूलाई प्रयोगकर्ता-अनुकूल इन्टरफेस र पोइन्ट-एन्ड-क्लिक सम्पादक प्रयोग गरेर तिनीहरूको एपहरू सिर्जना र निजीकृत गर्ने क्षमता दिन्छ।
तपाईंले यसलाई फेसबुक, SQL, एनालिटिक्स, र भुक्तानी एपहरू जस्ता REST API प्रदान गर्ने सेवाहरूसँग संयोजनमा प्रयोग गर्न सक्नुहुन्छ। यसले प्रयोगकर्ताहरूलाई तिनीहरूको अनुप्रयोगहरूको कार्यक्षमता र उपस्थिति सुधार गर्न समय समर्पित गर्न सक्षम बनाउँछ ताकि तिनीहरू ट्याब्लेट र मोबाइल उपकरणहरूमा राम्रो देखिन्छन्।
यो सबै व्यापार आकार को लागी उपयुक्त छ, सानो देखि मध्यम देखि ठूलो; र Windows, Mac, र वेबको लागि पहुँचयोग्य।
भिजुअल प्रोग्रामिङ के हो?
भिजुअल प्रोग्रामिङ अनिवार्य रूपमा यो जस्तो सुनिन्छ। कोड लेखेर म्यानुअल रूपमा प्रोग्रामिङ गर्नुको सट्टा, तपाइँ पृष्ठहरूमा कम्पोनेन्टहरू क्लिक गरेर ड्र्याग गरेर ग्राफिक रूपमा गर्नुहुन्छ।
त्यो छोटो विवरणबाट भ्रममा नपर्नुहोस्।
यो कुनै अन्य कुकी कटर एप वा वेबसाइट निर्माण उपकरण जस्तो होइन जुन तपाईंले अनलाइनमा आउनुभएको छ। धेरैजसो एप निर्माणकर्ताहरूले तपाईंलाई आधारभूत टेम्प्लेटहरूमा भर पर्न र अत्यन्त सीमित कार्यक्षमताको आवश्यकता पर्दछ। तिनीहरूले तपाईंलाई विशेष प्रकारका एपहरू विकास गर्न र तपाईंको निजीकरण सीमित गर्न मात्र अनुमति दिन्छ।
यद्यपि "दृश्य प्रोग्रामिङ" र "ड्र्यागिङ र ड्रपिङ" को धारणा बबलमा सजिलो देखिन्छ, यो धेरै शक्तिशाली छ।
यसको भिजुअल प्रोग्रामिङ वातावरणले तपाईंलाई पाठ, ग्राफिक्स, इनपुटहरू, र थप जस्ता वस्तुहरूलाई पृष्ठमा तान्न मात्र अनुमति दिँदैन, तर यसले तपाईंलाई ती तत्वहरूले के गर्छ भनेर कन्फिगर गर्न पनि अनुमति दिन्छ।
बबलले के गर्छ?
बबलको प्राथमिक लक्ष्य भनेको कोड नलिखिकनै वेब एपहरू सिर्जना गर्न कसैलाई सक्षम पार्नु हो।
यद्यपि, जबकि यसले सजिलै सम्झिने लक्ष्य कथन प्रदान गर्दछ, यसले कथाको महत्त्वपूर्ण बिट छोड्छ। विचारबाट बजार सम्मको बाटो कोडको लाइनहरू सिर्जना गर्नु भन्दा बढी जटिल छ।
परम्परागत विकासमा एपको सिर्जना, वृद्धि र मर्मतसम्भारका केही खण्डहरूमा काम गर्ने उच्च प्रशिक्षित पेशेवरहरूको टोली आवश्यक हुन्छ। यसलाई विचार गर्नुहोस्।
प्रत्येक एपलाई के चाहिन्छ?
- कसैले पनि डाटामा अनाधिकृत पहुँच नगरेको कुरा सुनिश्चित गर्न सुरक्षा।
- वस्तुहरू, लेखहरू, र सामाजिक मिडिया अपडेटहरू जस्ता जानकारी भण्डारण र पुन: प्राप्त गर्नको लागि डाटाबेस।
- प्रयोगकर्ता आधार र डाटा भोल्युमको निर्बाध विकास सक्षम गर्न स्केलेबिलिटी।
- अनुप्रयोगलाई आकर्षक र प्रयोग गर्न सजिलो बनाउनको लागि एक सुखद प्रयोगकर्ता इन्टरफेस।
- विभिन्न सेवा र प्रणालीहरु संग एकीकरण।
बबलले कोडर भन्दा धेरै बदल्छ। यसले यी सबै सेवाहरूलाई दृश्यात्मक रूपमा आकर्षक र उच्च स्वचालित रूपमा प्रदान गर्दछ, यसलाई एकल व्यक्तिले सबै कुराहरू ह्यान्डल गर्नको लागि, यदि सरल छैन भने, यो कल्पनायोग्य बनाउँछ।
जबकि अघिल्लो नो-कोड प्लेटफर्महरूले विभिन्न तरिकामा कोडिङ प्रतिस्थापन गर्ने प्रयास गरेका छन्। यसको अवधारणा भनेको एपलाई बजारमा पुग्न सकेसम्म धेरै बाधाहरू हटाउने हो, उत्तरदायी डिजाइन र एनिमेसनदेखि होस्टिङ, संस्करण डिप्लोइमेन्ट, सुरक्षा, र डाटाबेस अपरेशनहरू सबै कुरा ह्यान्डल गर्ने।
बबललाई अन्य सेवाहरूमा जडान गर्न API कनेक्टर प्रयोग गर्दै
यसको API कनेक्टर सम्भवतः बजारमा सबैभन्दा महत्त्वपूर्ण प्लगइन हो। नामले संकेत गरे जस्तै, यसले तपाईंलाई कार्यहरू र डेटा साझेदारी गर्न अन्य अनुप्रयोगहरू र सेवाहरूमा जडान गर्न अनुमति दिन्छ।
यसले कसरी काम गर्छ भन्ने प्राविधिक विवरणहरू खोज्नुको सट्टा, API हरूले के हासिल गर्न सक्छन् भन्ने उदाहरणहरू विचार गर्नुहोस्:
- पहुँच प्राप्त गर्दै मेशिन सिकाइ छवि पहिचान र अनुवाद जस्ता विधिहरू।
- पृथ्वीको कुनै पनि ठाउँबाट सबैभन्दा भर्खरको मौसम जानकारी प्राप्त गर्नुहोस्।
- जब बबलमा घटना ट्रिगर हुन्छ, जानकारीहरू प्रणालीहरूमा आदानप्रदान गरिन्छ, जस्तै तपाईंको CRM मा नेतृत्व स्थापना गर्ने वा तपाईंको Google पात्रोमा भेटघाट।
- संसारको कुनै पनि ठाउँमा उडान वा होटल बुक गर्नुहोस्।
- Google नक्सामा कुनै पनि कम्पनीको लागि फोन नम्बर, स्थान, फोटोहरू, लोगो र समीक्षाहरू प्राप्त गर्नुहोस्।
नेटिभ सुविधाहरू बढाउन प्लगइनहरू प्रयोग गर्दै
प्राविधिक रूपमा, यसले JavaScript कोड मोड्युलहरू, CSS, र HTML लाई कार्यात्मक नोडमा मिलाउँछ। JS.JSON मा लेखिएको एप्लिकेसनले आफ्नै भाषाको आधारको रूपमा काम गर्छ।
जब तपाइँ एपहरू निर्माण गर्न ती शब्दावलीहरू पूर्ण रूपमा बुझ्न आवश्यक पर्दैन, तिनीहरूले एउटा मुख्य तथ्यलाई संकेत गर्छन्: यसले ज्ञात र मान्यता प्राप्त वेब मापदण्डहरूको पालना गर्दछ, जसले विकासकर्ताहरूलाई यसको नेटिभ कार्यक्षमतालाई पर्याप्त रूपमा बढाउन अनुमति दिन्छ।
यो पहिले नै प्लगइन साइटमा देखाइएको छ, जहाँ आधारभूत कार्यक्षमतामा सयौं नि: शुल्क र सशुल्क विस्तारहरू उपलब्ध छन्। यसले यो पनि संकेत गर्छ कि यदि तपाइँ एक बिन्दुमा पुग्नुभयो जब यसको आधारभूत क्षमताहरू अपर्याप्त छन्, त्यहाँ धेरै जाभास्क्रिप्ट विशेषज्ञहरू तपाइँको लागि एक bespoke समाधान राख्न इच्छुक छन्।
तपाइँ कुन प्रकारका एपहरू विकास गर्न सक्नुहुन्छ?
तपाईंले एप्लिकेसनहरूको विस्तृत दायरा सिर्जना गर्न सक्नुहुन्छ, जसमध्ये केही तल दिइएका छन्।
- समुदायसँग विशेष बजारहरूका लागि एपहरू।
- विभिन्न क्षेत्रहरूमा रोजगार बोर्डहरूको लागि अनुप्रयोगहरू।
- अस्पताल कर्मचारीहरूको लागि सफ्टवेयर।
- भौतिक स्टोरहरूको लागि बिन्दु-को-बिक्री सफ्टवेयर।
- सेतो लेबलको साथ दन्त कार्यालय सफ्टवेयर।
- व्यक्तिगत व्यापार सूची र ग्राहक सेवा सफ्टवेयर।
- ब्रोकर र क्लाइन्ट-फेसिङ रियल इस्टेट एग्रीगेशन अनुप्रयोगहरू।
- बजारमा घटनाहरू र पाठ्यक्रमहरूका लागि एपहरू (र डुङ्गाहरू पनि)।
- व्यावसायिक प्रमाणपत्रहरूलाई आन्तरिक परीक्षण अनुप्रयोगहरू आवश्यक पर्दछ।
- पहिलो प्रतिक्रियाकर्ताहरूको लागि आवेदन।
- आन्तरिक प्रयोगको लागि कर्मचारी व्यवस्थापन सफ्टवेयर।
इमानदार हुन, प्लेटफर्म सबै कुरा गर्न डिजाइन गरिएको छैन। यदि तपाइँ जटिल भिजुअल र गतिको साथ खेल एप डिजाइन गर्दै हुनुहुन्छ भने यो आदर्श विकल्प नहुन सक्छ। यसबाहेक, यदि तपाइँ नेटिभ एप (एप स्टोरहरूको लागि एउटा) सिर्जना गर्दै हुनुहुन्छ भने, तपाइँले यसलाई अर्को तेस्रो-पक्ष सेवासँग एकीकृत गर्न आवश्यक छ।
मुख्य विशेषताहरु
बबल सुविधाहरूले भरिपूर्ण छ। हामी ती सबैलाई यहाँ कभर गर्न सक्षम हुने छैनौं, तर हामी सबैभन्दा आवश्यकलाई कभर गर्ने प्रयास गर्नेछौं।
Pl. प्लगइनहरू
यसले तपाइँलाई तपाइँको इन्टरनेटमा असंख्य उपकरणहरूबाट कार्यक्षमता समावेश गर्न अनुमति दिन्छ वेब अनुप्रयोग। उदाहरणका लागि, यदि तपाइँ तपाइँका प्रयोगकर्ताहरूले उनीहरूको Facebook खाता प्रयोग गरेर लग इन गर्न चाहनुहुन्छ भने, तपाइँ यो गर्न फेसबुक प्लगइन प्रयोग गर्न सक्नुहुन्छ।
Develop. विकास गर्नुहोस्
यसले तपाइँलाई डेस्कटप र मोबाइल वेब ब्राउजरहरूको लागि गतिशील, बहु-प्रयोगकर्ता एपहरू निर्माण गर्न अनुमति दिन्छ, साथै Instagram वा Airbnb जस्तै साइट निर्माण गर्न आवश्यक सबै उपकरणहरू।
3। डिजाइन
तपाईंले मोबाइल-अनुकूल लेआउटहरू र गतिशील सामग्री सिर्जना गर्न सक्नुहुन्छ उत्पादनलाई अन्तिम टच दिनको लागि जुन तपाईं अरूलाई देखाउन खुसी हुनुहुनेछ।
4। सेवा प्रदायक
सर्भर मर्मत, पूर्वाधार, वा अपरेशनहरू बारम्बार चिन्तित हुनुपर्दैन।
यसले तपाइँको लागि एक सुरक्षित र सुरक्षित तरिकामा तैनाती र होस्टिङको ख्याल राख्छ। प्रयोगकर्ताहरूको संख्या, ट्राफिक भोल्युम, र डाटा भण्डारण सबै असीमित छन्।
बबल (ट्यूटोरियल) को साथ एउटा एप निर्माण गर्दै
अब कार्यमा लागौं र बबलमा कसरी समाचार एप निर्माण गर्न सकिन्छ भनी अन्वेषण गरौं।
१. सुरू गर्दै
सुरु गर्नका लागि तपाईले सर्वप्रथम बबलमा नि:शुल्क खाताको लागि दर्ता गर्नुहोस्.
हामी हाम्रो प्लेटफर्मको आकार बनाउन बबलको भिजुअल डिजाइन उपकरण प्रयोग गरेर सुरु गर्नेछौं प्रयोगकर्ता इन्फेसेसन। समावेश गर्नका लागि केही मुख्य पृष्ठहरू तल दिइएका छन्:
- पृष्ठ अपलोड गर्नुहोस् - एउटा वेबसाइट जहाँ प्रकाशकहरूले लेखहरू विकास र वितरण गर्नेछन्।
- गृह पृष्ठ - हालसालै प्रकाशित कथाहरूको सूची प्रदर्शित हुन्छ।
- कथा पृष्ठ - एउटा पृष्ठ जहाँ प्रत्येक अद्वितीय कथा फेला पार्न सकिन्छ।
- प्रकाशक पृष्ठ- एक निश्चित प्रकाशकबाट कथाहरूको सूची देखाउने पृष्ठ।
2. डाटाबेस कन्फिगर गर्दै
तपाईंले आफ्नो उत्पादनको डिस्प्ले राखिसकेपछि, तपाईंले डाटा फिल्डहरू निर्माणमा ध्यान केन्द्रित गर्न सक्नुहुन्छ जसले तपाईंको अनुप्रयोगलाई इन्धन दिनेछ। हामी यी क्षेत्रहरू तपाईंको उत्पादन अन्तर्निहित कार्यप्रवाहहरू लिङ्क गर्न प्रयोग गर्नेछौं।
यस उदाहरणको लागि, हामी प्रत्येक समाचार टुक्राको लागि दुई फरक डेटा प्रकारहरू स्थापना गर्नेछौं। एउटा डेटा प्रकारले कथाको आधारभूत तथ्यहरू समावेश गर्दछ (जस्तै शीर्षक, चित्रित चित्र, र प्रकाशक), जबकि अन्य डेटा प्रकारले ठूला सामग्री फाइलहरू समावेश गर्दछ जस्तै सम्पूर्ण कथा नै।
तिनीहरूलाई अलग डेटा प्रकारहरूको रूपमा परिभाषित गरेर, हामी आवश्यक भएको जानकारी मात्र लोड गर्न सक्छौं, बबल सम्पादकले उत्पादन गर्न आवश्यक पर्ने सामग्रीको मात्रा सीमित गर्दै।
निम्न डेटा प्रकार र क्षेत्रहरू सिर्जना गरिनेछ:
डाटा प्रकार: प्रयोगकर्ता
फिल्डहरू:
- नाम
- निम्न प्रकाशकहरू प्रकाशकहरूको सूची हुन्। महत्त्वपूर्ण नोट: फरक डेटा प्रकारको आधारमा सूचीको रूपमा फिल्ड सिर्जना गर्नाले तपाईंलाई अतिरिक्त फिल्डहरू सिर्जना नगरीकन सजिलैसँग यसको सबै आवश्यक डाटा क्षेत्रहरू समावेश गर्न अनुमति दिन्छ।
डाटा प्रकार: कथा
फिल्डहरू:
- शीर्षक
- चित्रित छवि
- लेखक
- श्रेणी
- प्रकाशक
- कथा सामग्री
डाटा प्रकार: कथा सामग्री
फिल्डहरू:
- कथा सामग्री
डाटा प्रकार: प्रकाशक
फिल्डहरू:
- नाम
- लोगो
- अनुयायी
3. कार्यप्रवाह निर्माण
अब तपाईंले आफ्नो एप्लिकेसनको डिजाइन र डाटाबेसलाई व्यवस्थित गर्नुभएको छ, यो सबै कुरा सँगै राख्ने र यसलाई काम गर्न सुरु गर्ने समय हो।
कार्यप्रवाहहरू बबलमा यो पूरा गर्नको लागि प्राथमिक विधि हो।
प्रत्येक कार्यप्रवाह तब हुन्छ जब घटना हुन्छ (जस्तै, प्रयोगकर्ताले बटन क्लिक गर्दछ) र त्यसपछि प्रतिक्रियामा "कार्यहरू" को एक अनुक्रम प्रदर्शन गर्दछ (जस्तै, "प्रयोगकर्तालाई साइन अप गर्नुहोस्," "डेटाबेसमा परिवर्तन गर्नुहोस्," र यस्तै) ।
4. समाचार कथा सिर्जना गर्दै
हामीले प्रस्ताव गर्ने पहिलो सुविधा भनेको एक उपकरण हो जसले प्रकाशकहरूलाई साइटमा समाचार टुक्राहरू लेख्न र पोस्ट गर्न अनुमति दिन्छ।
अपलोड पृष्ठमा, हामी धेरै इनपुट वस्तुहरू समावेश गरेर सुरु गर्नेछौं जुन हाम्रो डाटाबेसमा डाटा प्रविष्ट गर्न लागू हुनेछ। पाठ आगतहरू, चित्र अपलोडर, र ड्रपडाउन चयन यी क्षेत्रहरूका उदाहरणहरू हुन्।
हामीले गतिशील विकल्पहरूको सूची प्रदर्शन गर्न प्रकाशक ड्रपडाउन मेनुलाई पनि अनुकूलन गर्न आवश्यक छ। प्रत्येक नयाँ लेख प्रकाशकको कुल लेखहरूको सूचीमा थपिने भएकोले, हामीले हाम्रो डाटाबेसबाट अवस्थित प्रकाशक छान्नुपर्छ।
यो ड्रपडाउन मेनु सेट गर्दा, हामी प्रकाशक हुन विकल्पहरूको प्रकार छनोट गर्नेछौं।
त्यस पछि, हाम्रो डाटा स्रोतले हाम्रो डाटाबेस स्क्यान गर्नेछ र सबै हालका प्रकाशनहरूको सूची फिर्ता गर्नेछ। अन्तमा, हामी प्रकाशकको नाम समावेश गर्न स्रोत क्याप्शन परिवर्तन गर्नेछौं।
एक पटक लेखकले प्रत्येक अन-पेज प्रविष्टिमा आवश्यक जानकारी प्रविष्ट गरेपछि, उनीहरूले नयाँ कथा उत्पन्न गर्न प्रकाशित बटनमा क्लिक गर्नेछन्।
त्यसपछि, तपाइँको डाटाबेस भित्र, तपाइँ कथामा सेट गरिएको डेटा प्रकारको साथ नयाँ चीज सिर्जना गर्नुहुनेछ।
त्यसोभए हामीले आवश्यक क्षेत्रहरूसँग हाम्रो डाटाबेस भर्न सुरु गर्न आवश्यक छ। प्रत्येक अन-पेज इनपुट कम्पोनेन्टहरू तिनीहरूको सम्बन्धित डाटाबेस स्तम्भहरूमा जडान गर्नुहोस्।
पहिले, हामी कथा सामग्री प्रकार सिर्जना गर्नेछौं, जुन अन्ततः कथासँग जोडिनेछ।
अर्को, हामी यस प्रक्रियामा अर्को चरण थप्नेछौं, अरू केहि सिर्जना गर्दै - यस पटक, कथा आफैं।
हामीले यस कथाको साथ विकास गरेको पहिलो कथा सामग्रीलाई एकीकृत गरेर तपाईंको प्लेटफर्ममा यो डाटा सहजै एकीकृत गर्न सम्भव छ।
यो प्रक्रिया सक्रिय हुँदा प्रत्येक पटक नयाँ कथा उत्पादन गरिनेछ।
5. फिडमा गतिशील सामग्री प्रदर्शन गर्दै
एक पटक प्रकाशकहरूले तपाईंको मोबाइल एपमा सामग्री अपलोड गर्न थालेपछि, हामीले तपाईंको गृहपृष्ठमा प्रत्येक लेखलाई गतिशील सूचीको रूपमा देखाउने तर्क सिर्जना गर्न सुरु गर्नुपर्छ। यो हाम्रो दोहोरिने समूह तत्व प्रयोग गरेर पूरा गर्न सकिन्छ।
दोहोरिने समूहहरूले गतिशील सामग्रीको सूची प्रस्तुत गर्न र ताजा गर्न तपाईंको डाटाबेससँग काम गर्दछ।
दोहोरिने समूह लागू गर्दा, तपाईंले पहिले आफ्नो डाटाबेसमा डाटा प्रकारमा तत्व लिङ्क गर्नुपर्छ।
यस अवस्थामा, तपाईंले कथाहरूको रूपमा सामग्रीको वर्गीकरण गर्नुहुनेछ। तपाईंले आफ्नो डेटाबेसमा रहेका सबै तालिकाहरूको सूचीको रूपमा डेटा स्रोत पनि उपलब्ध गराउनु पर्ने हुन्छ।
हामी यो पुनरावर्ती समूहलाई प्रत्येक कथाको सुरु मितिद्वारा व्यवस्थित गर्नेछौं, सूचीलाई उल्टो कालक्रममा देखाउँदै। तपाइँ अब प्रत्येक ग्रिड भित्र देखिने गतिशील सामग्री संगठित गर्न सुरु गर्न सक्नुहुन्छ।
तपाईले प्रदर्शन गर्न चाहनु भएको उपयुक्त सामग्रीको साथ केवल शीर्ष पङ्क्तिमा भर्नुहोस्, र यो शक्तिशाली तत्वले तपाईंको हालको डाटाबेसबाट डाटाको साथ बाँकी स्तम्भहरू भर्नेछ।
6. पृष्ठहरू बीच डाटा पठाउँदै
दोहोरिने समूहको प्रत्येक पङ्क्ति भित्र घटनाहरू निर्माण गर्न पनि सम्भव छ। तपाईंको प्लेटफर्मको लागि नेभिगेसन सुविधाहरू विकास गर्दा, यो कार्यक्षमता काममा आउनेछ।
हाम्रो समाचार एपको गृहपृष्ठले प्रकाशक, विशेष छवि, र कथा शीर्षक सहित प्रत्येक कथाको पूर्वावलोकन मात्र देखाउँछ।
यद्यपि, प्रयोगकर्ताले कथा पृष्ठमा क्लिक नगरेसम्म यसले लेखको सम्पूर्ण सामग्री प्रदर्शन गर्दैन। हामी हाम्रो कार्यप्रवाह सम्पादक प्रयोग गर्नेछौं यो सामग्री प्रदर्शन गर्न पृष्ठहरू बीच डाटा प्रसारण गर्न।
सुरु गर्नको लागि, एउटा प्रक्रिया सिर्जना गर्नुहोस् जसले प्रयोगकर्तालाई कथाको तस्बिर क्लिक गर्दा कथा पृष्ठमा पठाउँछ।
यो प्रक्रिया विकास गर्दा प्रयोगकर्तालाई अर्को पृष्ठमा स्थानान्तरण गर्न नेभिगेसन घटना प्रयोग गर्नुहोस्।
ड्रप-डाउन मेनुबाट कथा पृष्ठ हुन गन्तव्य पृष्ठ प्रकार छान्नुहोस्। त्यसपछि तपाइँले यस पृष्ठमा थप जानकारी दिन आवश्यक छ ताकि बबल सम्पादकले कुन अद्वितीय कथा देखाउने भनेर बुझ्दछ।
तपाईंले दिनु पर्ने जानकारी हालको कक्ष कथाबाट आउँछ।
7. कथा पृष्ठमा गतिशील सामग्री प्रदर्शन गर्दै
तपाइँ सजिलैसँग यो घटना डेटा पुन: प्राप्त गर्न सक्नुहुन्छ र कथाबाट सान्दर्भिक सामग्री देखाउन सक्नुहुन्छ जब प्रयोगकर्तालाई निश्चित कथा पृष्ठमा पठाइन्छ।
यो प्रकार्य सिर्जना गर्न, तपाईंले पहिले जाँच गर्नुपर्छ कि लक्ष्य पृष्ठ प्रकार तपाईंले कार्यप्रवाह मार्फत डेलिभर गरिरहनुभएको डाटा गुणसँग मेल खान्छ। यस अवस्थामा, तपाईंले कथा पृष्ठलाई कथा गुणसँग सम्बद्ध गर्नुपर्छ।
यसले केवल पृष्ठमा सामग्रीको प्रकार वर्गीकरण गरेर अवस्थित स्रोतहरूबाट उपयुक्त डाटा तान्न र डेलिभर गर्न सक्छ।
तपाइँ अब एकल तालिकाबाट जानकारी प्रदर्शन गर्ने फिल्डहरूमा गतिशील सामग्री घुसाउन सुरु गर्न सक्नुहुन्छ।
8. प्रकाशकको लेख प्रदर्शन गर्दै
समाचार वस्तु पढिसकेपछि, प्रयोगकर्ताले लेखहरूको प्रकाशकको सम्पूर्ण क्याटलग जाँच गर्न रोज्न सक्छ। यदि तपाईंले प्रकाशक डेटा प्रकारको विकास गर्नुभएको छ भने, प्रकाशकहरूका लागि छुट्टै पृष्ठ सिर्जना गर्नु हाम्रो मूल गृह पृष्ठ बनाउन जत्तिकै सरल छ।
यस पृष्ठमा, हामीले पृष्ठको प्रकार प्रकाशकलाई सेट गरेर सुरु गर्न आवश्यक छ।
त्यसपछि, गृह पृष्ठबाट दोहोर्याइएको समूह प्रतिलिपि गर्नुहोस् र सेटिङहरू सम्पादन गर्नुहोस्।
यस अवस्थामा, हाम्रो दोहोरिने समूहको डेटा स्रोतले सबै अवस्थित लेखहरू खोज्नेछ जसको प्रकाशक हालको पृष्ठ प्रकाशक हो।
9. पछ्याउने प्रकाशकहरू
हामीले हाम्रो MVP को लागि निर्माण गर्ने तेस्रो आधारभूत विशेषता भनेको प्लेटफर्ममा प्रकाशकलाई पछ्याउने क्षमता हो। हामी प्रकाशक पृष्ठमा फलो बटन थप्नेछौं। जब हामी यो आइकनमा क्लिक गर्छौं, हामी एउटा नयाँ प्रक्रिया सुरु गर्नेछौं जसले चीजलाई परिमार्जन गर्छ।
हालको पृष्ठ प्रकाशकलाई निम्न प्रकाशनहरूको सूचीमा थप्दा हालको प्रयोगकर्ता परिवर्तन हुनेछ।
त्यस पछि, हामीले हालको प्रयोगकर्ता थपेर हालको पृष्ठ प्रकाशकको अनुयायीहरूको सूची अद्यावधिक गर्न आवश्यक छ।
10 अतिरिक्त सुविधाहरू तपाईंले थप्न सक्नुहुन्छ
अब तपाईं आफू अनुकूल डेटा क्षेत्रहरू निर्माण गर्न र गतिशील जानकारी प्रस्तुत गर्न सहज हुनुहुन्छ, तपाईंले आफ्नो उत्पादनको लागि सिर्जना गर्ने अनुभवहरूको साथ रचनात्मक प्राप्त गर्न सक्नुहुन्छ। तपाईं पनि समावेश गर्न सक्नुहुन्छ:
- प्रयोगकर्ताहरूलाई पछि पढ्नको लागि सामग्री बचत गर्न अनुमति दिने सुविधा सिर्जना गर्नुहोस्।
- प्रत्येक टुक्राको फेदमा, सुझाव गरिएका लेखहरूको पुनरावर्ती संग्रह प्रदान गर्नुहोस्।
- मानिसहरूलाई साइटमा ताजा सामग्री फेला पार्न मद्दत गर्न खोज उपकरण सिर्जना गर्नुहोस्।
11. परिणाम
तपाईंको अन्तिम एप यस्तो देखिन्छ।
विशेषज्ञहरूले
- धेरै API र प्लगइनहरूमा जडान गर्ने क्षमता।
- प्रयोग गर्न सजिलो, बिना कोड अनुप्रयोग।
- प्रोग्रामिङ अनुभव नभएका व्यक्तिहरूले यसबाट लाभ उठाउनेछन्।
- डिजाइन उपकरणहरू जुन बहुमुखी र शक्तिशाली छन्।
- द्रुत क्वेरी प्रशोधन।
विपक्ष
- बढ्दो निर्भरता।
- डाटा प्रशोधन गति सुस्त छ।
- कार्यसम्पादनमा बाधा छ ।
मूल्य निर्धारण
नि: शुल्क योजनाले तपाईंलाई प्लेटफर्मको बारेमा जान्न र तपाईंको अनुप्रयोग विकास गर्न अनुमति दिन्छ।
सशुल्क सदस्यताहरूमा सेतो-लेबलिङ, अनुकूलन डोमेन, बबल एपीआईमा पहुँच, र आरक्षित सर्भर क्षमता जस्ता अतिरिक्तहरू समावेश छन्, जुन तल सूचीबद्ध छन्।
- व्यक्तिगत - $25/महिना (वार्षिक भुक्तान गरिएको) वा $29/महिना (मासिक भुक्तान गरिएको)।
- व्यावसायिक - $115/महिना (वार्षिक भुक्तान गरिएको) वा $129/महिना (मासिक भुक्तान गरिएको)।
- उत्पादन - $ 475 / महिना (वार्षिक भुक्तान गरिएको) वा $ 529 / महिना (भुक्तानी मासिक)।
नि: शुल्क बबल संग सुरु गर्नुहोस्
निष्कर्ष
बबल वेब अनुप्रयोगहरू निर्माण गर्नको लागि उत्कृष्ट विकल्प हो जसले जानकारी मात्र देखाउन सक्छ वा न्यूनतम UI छ।
यो प्रयोग गर्न एकदम सरल छ, र बबल द्वारा प्रदान ट्यूटोरियल अत्यन्त उपयोगी छन्। यसको अनलाइन भिजुअल सम्पादक जसले तपाईंलाई आफ्नो प्राथमिकताहरूमा आधारित वेब एपहरू डिजाइन गर्न अनुमति दिन्छ।
र सबै भन्दा राम्रो भाग तपाईलाई कुनै प्रोग्रामिङ अनुभव वा विशेषज्ञता आवश्यक पर्दैन। बबल सबैका लागि उपयुक्त छ, चाहे तपाईलाई कोड गर्ने तरिका थाहा छ वा छैन।
यद्यपि, फ्रन्टएन्ड भाषाहरूको पूर्व बुझाइले तपाईंलाई एक किनारा दिन सक्छ किनभने यसले तपाईंलाई घटना ह्यान्डलिङको सन्दर्भमा के गरिरहेको छ भनेर द्रुत रूपमा पत्ता लगाउन अनुमति दिन्छ।
त्यसोभए, तपाइँ बबलको क्षमताहरूको बारेमा के सोच्नुहुन्छ?
हामीलाई टिप्पणीहरूमा थाहा दिनुहोस्!
अर्बेही
bubble.io उपकरण प्रयोग गरेर उत्पादनहरू बेच्नको लागि स्टोर सिर्जना गर्न सकिन्छ?