સામગ્રીનું કોષ્ટક[છુપાવો][બતાવો]
- Bubble.io શું છે?
- વિઝ્યુઅલ પ્રોગ્રામિંગ શું છે?
- તમે કયા પ્રકારની એપ્લિકેશનો વિકસાવી શકો છો?
બબલ સાથે એપ્લિકેશન બનાવવી (ટ્યુટોરીયલ)+-
- 1. પ્રારંભ
- 2. ડેટાબેઝ ગોઠવી રહ્યું છે
- 3. વર્કફ્લોનું નિર્માણ
- 4. સમાચાર વાર્તા બનાવવી
- 5. ફીડમાં ગતિશીલ સામગ્રી પ્રદર્શિત કરવી
- 6. પૃષ્ઠો વચ્ચે ડેટા મોકલી રહ્યું છે
- 7. વાર્તાના પૃષ્ઠ પર ગતિશીલ સામગ્રી પ્રદર્શિત કરવી
- 8. પ્રકાશકનો લેખ પ્રદર્શિત કરવો
- 9. નીચેના પ્રકાશકો
- 10. વધારાની સુવિધાઓ તમે ઉમેરી શકો છો
- 11. પરિણામ
- ગુણ
- વિપક્ષ
- પ્રાઇસીંગ
- ઉપસંહાર
મને તાજેતરમાં HTML, CSS અને JavaScript સિવાયના વેબ ડેવલપમેન્ટ અભિગમોમાં રસ છે.
વધતી જતી નો-કોડ લેન્ડસ્કેપ સાથે, તે શોધવું આશ્ચર્યજનક ન હતું કે વેબ એપ્લિકેશન વિકસાવવા માટે વધુ પ્રમાણભૂત અભિગમો માટે ઘણા વિકલ્પો છે.
તમારે કેટલાક વધુ જાણીતા CMS પ્લેટફોર્મ્સથી પરિચિત હોવા જ જોઈએ, જેમ કે WordPress જે ખૂબ કોડ-ફ્રી છે. પરંતુ, જો તમે વેબ એપ્સ બનાવવા માંગતા હો, તો આવા પ્લેટફોર્મ પ્રતિબંધિત લાગે છે.
અહીં હું તમને Bubble.io, એક શક્તિશાળી સાથે પરિચય આપું છું નો-કોડ સાધન જે તમને વેબ એપ્સ બનાવવા દે છે જેવી પહેલા ક્યારેય નહીં.
ચાલો તેને ઊંડાણપૂર્વક અન્વેષણ કરીએ!
શું છે Bubble.io?
બબલ એ એક નોન-ટેક્નિકલ પ્લેટફોર્મ છે જે વિઝ્યુઅલ પ્રોગ્રામિંગ લેંગ્વેજ અને એ વેબ ડેવલપમેન્ટ ફ્રેમવર્ક.
વપરાશકર્તાઓ અનન્ય ઑનલાઇન એપ્લિકેશનો બનાવવા, ડેટાબેસેસ અને પ્રક્રિયાઓને બદલવા, પૃષ્ઠ ઘટકો (છબીઓ, ટેક્સ્ટ, ઇનપુટ ફોર્મ્સ, નકશા) ઉમેરવા અને તેમના ઇન્ટરફેસને ડિઝાઇન કરવા માટે આ પ્રોગ્રામિંગ સાધનોનો ઉપયોગ કરી શકે છે.
તે એક માર્કેટપ્લેસ છે જ્યાં તમે મજબૂત ઉત્પાદનો બનાવવામાં મદદ કરવા માટે આદર્શ નમૂનાઓ, પ્લગિન્સ અને સેવાઓ શોધી શકો છો.
લાક્ષણિક પ્રોગ્રામિંગ ફ્રેમવર્ક સેટ કર્યા વિના, તમે બબલનો ઉપયોગ કરીને માર્કેટપ્લેસથી લઈને સોશિયલ નેટવર્કથી CRM (ગ્રાહક સંબંધ વ્યવસ્થાપન) સુધી કંઈપણ બનાવી શકો છો.
તે ગ્રાહકોને યુઝર-ફ્રેન્ડલી ઈન્ટરફેસ અને પોઈન્ટ-એન્ડ-ક્લિક એડિટરનો ઉપયોગ કરીને તેમની એપ્સ બનાવવા અને વ્યક્તિગત કરવાની ક્ષમતા આપે છે.
તમે તેનો ઉપયોગ સેવાઓ સાથે કરી શકો છો જે REST API પ્રદાન કરે છે, જેમ કે Facebook, SQL, એનાલિટિક્સ અને ચુકવણી એપ્લિકેશન્સ. તે વપરાશકર્તાઓને તેમની એપ્લિકેશનની કાર્યક્ષમતા અને દેખાવને સુધારવા માટે સમય ફાળવવા માટે સક્ષમ કરે છે જેથી તેઓ ટેબ્લેટ અને મોબાઇલ ઉપકરણો પર સારી રીતે દેખાય.
તે નાનાથી મધ્યમથી મોટા સુધીના તમામ વ્યવસાયના કદ માટે યોગ્ય છે; અને Windows, Mac અને વેબ માટે સુલભ.
વિઝ્યુઅલ પ્રોગ્રામિંગ શું છે?
વિઝ્યુઅલ પ્રોગ્રામિંગ અનિવાર્યપણે તે જેવું લાગે છે. કોડ લખીને મેન્યુઅલી પ્રોગ્રામિંગ કરવાને બદલે, તમે તેને પેજમાં ઘટકોને ક્લિક કરીને અને ખેંચીને ગ્રાફિકલી કરો છો.
તે ટૂંકા વર્ણન દ્વારા ગેરમાર્ગે દોરશો નહીં.
તે કોઈપણ અન્ય કૂકી-કટર એપ્લિકેશન અથવા વેબસાઈટ-બિલ્ડિંગ ટૂલ જેવું નથી જે તમે ઓનલાઈન આવો છો. મોટાભાગના એપ બિલ્ડરો માટે જરૂરી છે કે તમે મૂળભૂત નમૂનાઓ પર આધાર રાખો અને અત્યંત મર્યાદિત કાર્યક્ષમતા ધરાવો; તેઓ તમને ચોક્કસ પ્રકારની એપ્લિકેશનો વિકસાવવા અને તમારા વૈયક્તિકરણને મર્યાદિત કરવાની મંજૂરી આપે છે.
જો કે "વિઝ્યુઅલ પ્રોગ્રામિંગ" અને "ડ્રેગિંગ અને ડ્રોપિંગ" ની કલ્પના બબલમાં સરળ દેખાય છે, તે ખૂબ જ શક્તિશાળી છે.
તેનું વિઝ્યુઅલ પ્રોગ્રામિંગ પર્યાવરણ તમને ટેક્સ્ટ, ગ્રાફિક્સ, ઇનપુટ્સ અને વધુ જેવા ઑબ્જેક્ટ્સને પૃષ્ઠ પર ખેંચવાની મંજૂરી આપે છે, પરંતુ તે તમને તે ઘટકો શું કરે છે તે ગોઠવવાની પણ મંજૂરી આપે છે.
બબલ શું કરે છે?
બબલનો પ્રાથમિક ધ્યેય કોડ લખ્યા વિના કોઈપણ વ્યક્તિને વેબ એપ્લિકેશન બનાવવા માટે સક્ષમ બનાવવાનો છે.
જો કે, જ્યારે આ સરળતાથી યાદ રહેલ ધ્યેય નિવેદન માટે પ્રદાન કરે છે, તે વાર્તાનો નોંધપાત્ર ભાગ છોડી દે છે. આઈડિયાથી માર્કેટ સુધીનો માર્ગ માત્ર કોડની રેખાઓ બનાવવા કરતાં વધુ જટિલ છે.
પરંપરાગત વિકાસમાં એપ્લિકેશનની રચના, વૃદ્ધિ અને જાળવણીના અમુક વિભાગો પર કામ કરતા ઉચ્ચ પ્રશિક્ષિત વ્યાવસાયિકોની ટીમ જરૂરી છે. આનો વિચાર કરો.
દરેક એપ્લિકેશન માટે શું જરૂરી છે?
- કોઈની પાસે ડેટાની અનધિકૃત ઍક્સેસ નથી તેની ખાતરી કરવા માટે સુરક્ષા.
- આઇટમ્સ, લેખો અને સોશિયલ મીડિયા અપડેટ્સ જેવી માહિતીને સ્ટોર કરવા અને પુનઃપ્રાપ્ત કરવા માટેનો ડેટાબેઝ.
- વપરાશકર્તા આધાર અને ડેટા વોલ્યુમના અવરોધ વિનાના વિકાસને સક્ષમ કરવા માટે માપનીયતા.
- એપ્લિકેશનને આકર્ષક અને ઉપયોગમાં સરળ બનાવવા માટે એક સુખદ વપરાશકર્તા ઇન્ટરફેસ.
- વિવિધ સેવાઓ અને સિસ્ટમો સાથે એકીકરણ.
બબલ કોડર કરતાં વધુ બદલે છે. તે આ બધી સેવાઓ દૃષ્ટિની આકર્ષક અને અત્યંત સ્વયંસંચાલિત રીતે પ્રદાન કરે છે, જે એક વ્યક્તિ માટે બધું સંભાળી શકે તે માટે, જો સરળ ન હોય તો, તેને કલ્પનાશીલ બનાવે છે.
જ્યારે અગાઉના નો-કોડ પ્લેટફોર્મ્સે વિવિધ રીતે કોડિંગને બદલવાનો પ્રયાસ કર્યો છે. તેનો ખ્યાલ એપને બજારમાં પહોંચવા માટે શક્ય તેટલા અવરોધોને દૂર કરવાનો છે, પ્રતિભાવાત્મક ડિઝાઇન અને એનિમેશનથી લઈને હોસ્ટિંગ, વર્ઝન ડિપ્લોયમેન્ટ, સુરક્ષા અને ડેટાબેઝ ઓપરેશન્સ સુધીની દરેક વસ્તુને સંભાળવી.
બબલને અન્ય સેવાઓ સાથે કનેક્ટ કરવા માટે API કનેક્ટરનો ઉપયોગ કરવો
તેનું API કનેક્ટર સંભવતઃ બજારમાં સૌથી મહત્વપૂર્ણ પ્લગઇન છે. જેમ કે નામ સૂચવે છે, આ તમને ક્રિયાઓ અને ડેટા શેર કરવા માટે અન્ય એપ્લિકેશનો અને સેવાઓ સાથે કનેક્ટ કરવાની મંજૂરી આપે છે.
આ કેવી રીતે કાર્ય કરે છે તેની તકનીકી વિશિષ્ટતાઓ શોધવાને બદલે, API શું પરિપૂર્ણ કરી શકે છે તેના આ ઉદાહરણોનો વિચાર કરો:
- ની ઍક્સેસ મેળવવી મશીન શિક્ષણ છબી ઓળખ અને અનુવાદ જેવી પદ્ધતિઓ.
- પૃથ્વી પર ગમે ત્યાંથી સૌથી તાજેતરની હવામાન માહિતી મેળવો.
- જ્યારે બબલમાં ઇવેન્ટ ટ્રિગર થાય છે, ત્યારે સમગ્ર સિસ્ટમમાં માહિતીની આપલે થાય છે, જેમ કે તમારા CRMમાં લીડ સ્થાપિત કરવી અથવા તમારા Google કૅલેન્ડરમાં એપોઇન્ટમેન્ટ.
- વિશ્વમાં ગમે ત્યાં ફ્લાઇટ અથવા હોટેલ રોકાણ બુક કરો.
- Google Maps પર કોઈપણ કંપની માટે ફોન નંબર, સ્થાન, ફોટોગ્રાફ્સ, લોગો અને સમીક્ષાઓ મેળવો.
મૂળ વિશેષતાઓને વધારવા માટે પ્લગઈન્સનો ઉપયોગ કરવો
તકનીકી રીતે, તે JavaScript કોડ મોડ્યુલો, CSS અને HTML ને કાર્યાત્મક નોડમાં મિશ્રિત કરે છે. JS.JSON માં લખેલી એપ્લિકેશન તેની પોતાની ભાષાના પાયા તરીકે કામ કરે છે.
જ્યારે તમારે એપ્સ બનાવવા માટે તે પરિભાષાને સંપૂર્ણ રીતે સમજવાની જરૂર નથી, તે એક મુખ્ય હકીકત સૂચવે છે: તે જાણીતા અને સ્વીકૃત વેબ ધોરણોનું પાલન કરે છે, જે વિકાસકર્તાઓને તેની મૂળ કાર્યક્ષમતાને નોંધપાત્ર રીતે વધારવાની મંજૂરી આપે છે.
આ પ્લગઇન સાઇટ પર પહેલેથી જ જોવા મળે છે, જ્યાં મૂળભૂત કાર્યક્ષમતા માટે સેંકડો મફત અને પેઇડ એક્સ્ટેંશન ઉપલબ્ધ છે. તેનો અર્થ એ પણ થાય છે કે જો તમે એવા તબક્કે પહોંચો છો જ્યારે તેની મૂળભૂત ક્ષમતાઓ અપૂરતી હોય, તો ત્યાં ઘણા બધા JavaScript નિષ્ણાતો છે જે તમારા માટે યોગ્ય ઉકેલ લાવવા તૈયાર છે.
તમે કયા પ્રકારની એપ્લિકેશનો વિકસાવી શકો છો?
તમે એપ્લિકેશન્સની વિશાળ શ્રેણી બનાવી શકો છો, જેમાંથી કેટલીક નીચે આપેલ છે.
- સમુદાય સાથે વિશિષ્ટ બજારો માટેની એપ્લિકેશનો.
- વિવિધ ક્ષેત્રોમાં જોબ બોર્ડ માટેની એપ્લિકેશનો.
- હોસ્પિટલ સ્ટાફિંગ માટે સોફ્ટવેર.
- ભૌતિક સ્ટોર્સ માટે પોઈન્ટ-ઓફ-સેલ સોફ્ટવેર.
- સફેદ લેબલ સાથે ડેન્ટલ ઓફિસ સોફ્ટવેર.
- પર્સનલ બિઝનેસ ઈન્વેન્ટરી અને ગ્રાહક સેવા સોફ્ટવેર.
- બ્રોકર અને ક્લાયન્ટ-ફેસિંગ રિયલ એસ્ટેટ એકત્રીકરણ એપ્લિકેશન્સ.
- બજારમાં ઇવેન્ટ્સ અને અભ્યાસક્રમો (અને બોટ પણ) માટેની એપ્લિકેશનો.
- વ્યવસાયિક પ્રમાણપત્રોને આંતરિક પરીક્ષણ એપ્લિકેશનની જરૂર છે.
- પ્રથમ પ્રતિસાદકર્તાઓ માટે અરજીઓ.
- આંતરિક ઉપયોગ માટે કર્મચારી મેનેજમેન્ટ સોફ્ટવેર.
સાચું કહું તો, પ્લેટફોર્મ બધું કરવા માટે રચાયેલ નથી. જો તમે જટિલ વિઝ્યુઅલ્સ અને ગતિ સાથે ગેમ એપ્લિકેશન ડિઝાઇન કરી રહ્યાં હોવ તો તે આદર્શ પસંદગી ન હોઈ શકે. આ ઉપરાંત, જો તમે મૂળ એપ્લિકેશન (એક એપ સ્ટોર્સ માટે) બનાવી રહ્યાં છો, તો તમારે તેને અન્ય તૃતીય-પક્ષ સેવા સાથે સંકલિત કરવાની જરૂર પડશે.
મુખ્ય વિશેષતાઓ
બબલ સુવિધાઓથી ભરપૂર છે. અમે તે બધાને અહીં કવર કરી શકીશું નહીં, પરંતુ અમે સૌથી જરૂરી બાબતોને આવરી લેવાનો પ્રયાસ કરીશું.
1. પ્લગઇન્સ
તે તમને ઇન્ટરનેટ પરના અસંખ્ય ટૂલ્સમાંથી તમારામાં કાર્યક્ષમતા શામેલ કરવાની મંજૂરી આપે છે વેબ એપ્લિકેશન. ઉદાહરણ તરીકે, જો તમે ઇચ્છો છો કે તમારા વપરાશકર્તાઓ તેમના Facebook એકાઉન્ટનો ઉપયોગ કરીને લૉગ ઇન કરે, તો તમે આ કરવા માટે Facebook પ્લગઇનનો ઉપયોગ કરી શકો છો.
2. વિકાસ
તે તમને ડેસ્કટોપ અને મોબાઇલ વેબ બ્રાઉઝર્સ માટે ડાયનેમિક, મલ્ટિ-યુઝર એપ્લિકેશન્સ તેમજ Instagram અથવા Airbnb જેવી સાઇટ બનાવવા માટે જરૂરી તમામ સાધનો બનાવવાની મંજૂરી આપે છે.
3. ડિઝાઇન
તમે એવા ઉત્પાદનને અંતિમ રૂપ આપવા માટે મોબાઇલ-ફ્રેંડલી લેઆઉટ અને ગતિશીલ સામગ્રી બનાવી શકો છો જે તમને અન્ય લોકોને બતાવવામાં આનંદ થશે.
4. હોસ્ટિંગ
સર્વર જાળવણી, ઇન્ફ્રાસ્ટ્રક્ચર અથવા કામગીરી વિશે વારંવાર ચિંતા કરવાની જરૂર નથી.
તે તમારા માટે સલામત અને સુરક્ષિત રીતે જમાવટ અને હોસ્ટિંગની કાળજી લે છે. વપરાશકર્તાઓની સંખ્યા, ટ્રાફિક વોલ્યુમ અને ડેટા સ્ટોરેજ બધું જ અપ્રતિબંધિત છે.
બબલ સાથે એપ્લિકેશન બનાવવી (ટ્યુટોરીયલ)
ચાલો હવે એક્શનમાં આવીએ અને તમે બબલ પર સમાચાર એપ્લિકેશન કેવી રીતે બનાવી શકો છો તેનું અન્વેષણ કરીએ.
1. પ્રારંભ
શરૂ કરવા માટે, તમારે પ્રથમ કરવું આવશ્યક છે બબલ પર મફત એકાઉન્ટ માટે નોંધણી કરો.
અમે અમારા પ્લેટફોર્મને આકાર આપવા માટે બબલના વિઝ્યુઅલ ડિઝાઇન ટૂલનો ઉપયોગ કરીને શરૂઆત કરીશું વપરાશકર્તા ઈન્ટરફેસ. સમાવેશ કરવા માટેના કેટલાક મુખ્ય પૃષ્ઠો નીચે આપેલ છે:
- અપલોડ પૃષ્ઠ - એક વેબસાઇટ જ્યાં પ્રકાશકો વિકાસ કરશે અને લેખોનું વિતરણ કરશે.
- હોમ પેજ - તાજેતરમાં પ્રકાશિત વાર્તાઓની સૂચિ પ્રદર્શિત થાય છે.
- વર્ણનાત્મક પૃષ્ઠ - એક પૃષ્ઠ જ્યાં દરેક અનન્ય વાર્તા શોધી શકાય છે.
- પ્રકાશક પૃષ્ઠ- ચોક્કસ પ્રકાશકની વાર્તાઓની સૂચિ પ્રદર્શિત કરવા માટેનું પૃષ્ઠ.
2. ડેટાબેઝ ગોઠવી રહ્યું છે
તમે તમારા ઉત્પાદનનું પ્રદર્શન ગોઠવી લો તે પછી, તમે ડેટા ફીલ્ડ બનાવવા પર ધ્યાન કેન્દ્રિત કરી શકો છો જે તમારી એપ્લિકેશનને બળ આપશે. અમે તમારા ઉત્પાદન અંતર્ગત વર્કફ્લોને લિંક કરવા માટે આ ફીલ્ડનો ઉપયોગ કરીશું.
આ ઉદાહરણ માટે, અમે દરેક સમાચાર ભાગ માટે બે અલગ-અલગ ડેટા પ્રકારો સ્થાપિત કરીશું. એક ડેટા પ્રકારમાં વાર્તાના મૂળભૂત તથ્યો (જેમ કે શીર્ષક, વૈશિષ્ટિકૃત ચિત્ર અને પ્રકાશક) સમાવિષ્ટ હશે, જ્યારે અન્ય ડેટા પ્રકારમાં મોટી સામગ્રી ફાઇલો હશે જેમ કે સમગ્ર વર્ણન જ.
તેમને અલગ ડેટા પ્રકારો તરીકે વ્યાખ્યાયિત કરીને, અમે ફક્ત તે જ માહિતી લોડ કરી શકીએ છીએ જે જરૂરી હોય ત્યારે જ જરૂરી હોય છે, બબલ એડિટરને ઉત્પાદન કરવાની જરૂર પડશે તે સામગ્રીની માત્રાને મર્યાદિત કરીને.
નીચેના ડેટા પ્રકારો અને ક્ષેત્રો બનાવવામાં આવશે:
ડેટા પ્રકાર: વપરાશકર્તા
ક્ષેત્રો:
- નામ
- નીચેના પ્રકાશકો પ્રકાશકોની યાદી છે. મહત્વપૂર્ણ નોંધ: વિશિષ્ટ ડેટા પ્રકાર પર આધારિત સૂચિ તરીકે ફીલ્ડ બનાવવાથી તમે વધારાના ફીલ્ડ્સ બનાવ્યા વિના તેના તમામ આવશ્યક ડેટા ફીલ્ડ્સને સહેલાઇથી સામેલ કરી શકો છો.
ડેટા પ્રકાર: સ્ટોરી
ક્ષેત્રો:
- શીર્ષક
- ફીચર્ડ છબી
- લેખક
- વર્ગ
- પ્રકાશક
- વાર્તા સામગ્રી
ડેટા પ્રકાર: વાર્તા સામગ્રી
ક્ષેત્રો:
- વાર્તા સામગ્રી
ડેટા પ્રકાર: પ્રકાશક
ક્ષેત્રો:
- નામ
- લોગો
- અનુયાયીઓ
3. વર્કફ્લોનું નિર્માણ
હવે જ્યારે તમે તમારી એપ્લિકેશનની ડિઝાઇન અને ડેટાબેઝ ગોઠવી દીધા છે, તે બધું એકસાથે મૂકવા અને તેને કાર્ય કરવાનું શરૂ કરવાનો સમય છે.
બબલમાં આને પૂર્ણ કરવા માટે વર્કફ્લો એ પ્રાથમિક પદ્ધતિ છે.
દરેક વર્કફ્લો ત્યારે થાય છે જ્યારે કોઈ ઇવેન્ટ થાય છે (દા.ત., વપરાશકર્તા બટન પર ક્લિક કરે છે) અને પછી પ્રતિભાવમાં "ક્રિયાઓ" નો ક્રમ કરે છે (દા.ત., "વપરાશકર્તાને સાઇન અપ કરો," "ડેટાબેઝમાં ફેરફાર કરો" અને તેથી વધુ) .
4. સમાચાર વાર્તા બનાવવી
અમે જે પ્રથમ સુવિધા ઓફર કરીશું તે એક સાધન છે જે પ્રકાશકોને સાઇટ પર સમાચારના ટુકડા લખવા અને પોસ્ટ કરવાની મંજૂરી આપે છે.
અપલોડ પૃષ્ઠ પર, અમે ઘણી બધી ઇનપુટ વસ્તુઓનો સમાવેશ કરીને શરૂઆત કરીશું જે અમારા ડેટાબેઝમાં ડેટા દાખલ કરવા માટે લાગુ કરવામાં આવશે. ટેક્સ્ટ ઇનપુટ્સ, એક ચિત્ર અપલોડર અને ડ્રોપડાઉન પસંદગી આ ક્ષેત્રોના ઉદાહરણો છે.
ગતિશીલ વિકલ્પોની સૂચિ પ્રદર્શિત કરવા માટે અમારે પ્રકાશક ડ્રોપડાઉન મેનૂને પણ કસ્ટમાઇઝ કરવાની જરૂર પડશે. દરેક નવો લેખ પ્રકાશકની કુલ લેખોની સૂચિમાં ઉમેરવામાં આવશે, તેથી અમારે અમારા ડેટાબેઝમાંથી હાલના પ્રકાશકને પસંદ કરવાની જરૂર પડશે.
આ ડ્રોપડાઉન મેનૂ સેટ કરતી વખતે, અમે પ્રકાશક બનવા માટેના વિકલ્પો પસંદ કરીશું.
તે પછી, અમારો ડેટા સ્રોત અમારા ડેટાબેઝને સ્કેન કરશે અને તમામ વર્તમાન પ્રકાશનોની સૂચિ પરત કરશે. છેલ્લે, અમે પ્રકાશકનું નામ સામેલ કરવા માટે સ્ત્રોત કૅપ્શન બદલીશું.
એકવાર લેખકે દરેક ઑન-પેજ એન્ટ્રીમાં જરૂરી માહિતી દાખલ કર્યા પછી, તેઓ નવી વાર્તા બનાવવા માટે પ્રકાશિત બટનને ક્લિક કરશે.
પછી, તમારા ડેટાબેઝની અંદર, તમે ડેટા પ્રકારને વર્ણન પર સેટ કરીને એક નવી વસ્તુ બનાવશો.
પછી અમારે જરૂરી ફીલ્ડ્સ સાથે અમારા ડેટાબેઝને પોપ્યુલેટ કરવાનું શરૂ કરવાની જરૂર પડશે. દરેક ઑન-પેજ ઇનપુટ ઘટકોને તેમના સંબંધિત ડેટાબેઝ કૉલમ સાથે જોડો.
પ્રથમ, અમે વાર્તા સામગ્રી પ્રકાર બનાવીશું, જે અંતે વાર્તા સાથે જ લિંક કરવામાં આવશે.
આગળ, અમે આ પ્રક્રિયામાં બીજો તબક્કો ઉમેરીશું, કંઈક બીજું જનરેટ કરીશું - આ વખતે, વાર્તા પોતે.
આ વાર્તા સાથે અમે વિકસિત કરેલી પ્રથમ વર્ણનાત્મક સામગ્રીને એકીકૃત કરીને તમારા સમગ્ર પ્લેટફોર્મ પર આ ડેટાને વિના પ્રયાસે એકીકૃત કરવાનું શક્ય છે.
જ્યારે પણ આ પ્રક્રિયા સક્રિય થશે ત્યારે એક નવી વાર્તા ઉત્પન્ન થશે.
5. ફીડમાં ગતિશીલ સામગ્રી પ્રદર્શિત કરવી
એકવાર પ્રકાશકો તમારી મોબાઇલ એપ્લિકેશન પર સામગ્રી અપલોડ કરવાનું શરૂ કરે, પછી અમને તમારા હોમપેજ પર તર્ક બનાવવાનું શરૂ કરવાની જરૂર પડશે જે દરેક લેખને ગતિશીલ સૂચિ તરીકે બતાવે. આ અમારા પુનરાવર્તિત જૂથ તત્વનો ઉપયોગ કરીને પરિપૂર્ણ કરી શકાય છે.
ગતિશીલ સામગ્રીની સૂચિ પ્રસ્તુત કરવા અને તાજું કરવા માટે પુનરાવર્તિત જૂથો તમારા ડેટાબેઝ સાથે કાર્ય કરે છે.
પુનરાવર્તિત જૂથને લાગુ કરતી વખતે, તમારે પ્રથમ તત્વને તમારા ડેટાબેઝમાં ડેટા પ્રકાર સાથે લિંક કરવું આવશ્યક છે.
આ કિસ્સામાં, તમે વાર્તાઓ તરીકે સામગ્રીના પ્રકારને વર્ગીકૃત કરશો. તમારે તમારા ડેટાબેઝમાંના તમામ કોષ્ટકોની સૂચિ તરીકે ડેટા સ્રોત પ્રદાન કરવાની પણ જરૂર પડશે.
અમે દરેક વાર્તાની શરૂઆતની તારીખ દ્વારા આ પુનરાવર્તિત જૂથને પણ ગોઠવીશું, સૂચિને વિપરીત કાલક્રમિક ક્રમમાં દર્શાવે છે. તમે હવે ગતિશીલ સામગ્રીને ગોઠવવાનું શરૂ કરી શકો છો જે દરેક ગ્રીડમાં દેખાશે.
તમે પ્રદર્શિત કરવા માંગો છો તે યોગ્ય સામગ્રી સાથે ફક્ત ટોચની પંક્તિ ભરો, અને આ શક્તિશાળી તત્વ તમારા વર્તમાન ડેટાબેઝના ડેટા સાથે બાકીની કૉલમને ભરશે.
6. પૃષ્ઠો વચ્ચે ડેટા મોકલી રહ્યું છે
પુનરાવર્તિત જૂથની દરેક પંક્તિમાં ઇવેન્ટ્સ બનાવવાનું પણ શક્ય છે. તમારા પ્લેટફોર્મ માટે નેવિગેશનલ સુવિધાઓ વિકસાવતી વખતે, આ કાર્યક્ષમતા હાથમાં આવશે.
અમારી સમાચાર એપ્લિકેશનનું હોમપેજ ફક્ત પ્રકાશક, વૈશિષ્ટિકૃત છબી અને વાર્તાના શીર્ષક સહિત દરેક વાર્તાનું પૂર્વાવલોકન દર્શાવે છે.
જો કે, જ્યાં સુધી વપરાશકર્તા વાર્તા પૃષ્ઠ પર ક્લિક ન કરે ત્યાં સુધી તે લેખની સંપૂર્ણ સામગ્રી પ્રદર્શિત કરતું નથી. આ સામગ્રી પ્રદર્શિત કરવા માટે અમે પૃષ્ઠો વચ્ચે ડેટા ટ્રાન્સમિટ કરવા માટે અમારા વર્કફ્લો સંપાદકનો ઉપયોગ કરીશું.
શરૂ કરવા માટે, એક પ્રક્રિયા બનાવો કે જે વાર્તાના ચિત્રને ક્લિક કરવામાં આવે ત્યારે વપરાશકર્તાને વાર્તા પૃષ્ઠ પર મોકલે.
આ પ્રક્રિયા વિકસાવતી વખતે વપરાશકર્તાને બીજા પૃષ્ઠ પર સ્થાનાંતરિત કરવા માટે નેવિગેશન ઇવેન્ટનો ઉપયોગ કરો.
ડ્રોપ-ડાઉન મેનૂમાંથી વર્ણનાત્મક પૃષ્ઠ બનવા માટે ગંતવ્ય પૃષ્ઠ પ્રકાર પસંદ કરો. પછી તમારે આ પૃષ્ઠ પર વધુ માહિતી આપવાની જરૂર પડશે જેથી કરીને બબલ એડિટર સમજી શકે કે કઈ અનોખી વાર્તા બતાવવાની છે.
તમારે જે માહિતી આપવાની જરૂર છે તે વર્તમાન કોષોની વાર્તામાંથી આવે છે.
7. વાર્તાના પૃષ્ઠ પર ગતિશીલ સામગ્રી પ્રદર્શિત કરવી
જ્યારે કોઈ વપરાશકર્તાને ચોક્કસ વાર્તા પૃષ્ઠ પર મોકલવામાં આવે ત્યારે તમે આ ઇવેન્ટ ડેટા સરળતાથી પુનઃપ્રાપ્ત કરી શકો છો અને વર્ણનમાંથી સંબંધિત સામગ્રી બતાવી શકો છો.
આ ફંક્શન બનાવવા માટે, તમારે પહેલા તપાસવું જોઈએ કે લક્ષ્ય પૃષ્ઠ પ્રકાર તમે વર્કફ્લો દ્વારા વિતરિત કરી રહ્યાં છો તે ડેટા ગુણધર્મ સાથે મેળ ખાય છે. આ સ્થિતિમાં, તમારે વાર્તાના પૃષ્ઠને વાર્તાની મિલકત સાથે સાંકળવું આવશ્યક છે.
તે પૃષ્ઠ પર સામગ્રીના પ્રકારને વર્ગીકૃત કરીને વર્તમાન સ્રોતોમાંથી યોગ્ય ડેટા ખેંચી અને પહોંચાડી શકે છે.
તમે હવે એક જ કોષ્ટકમાંથી માહિતી પ્રદર્શિત કરતા ક્ષેત્રોમાં ગતિશીલ સામગ્રી દાખલ કરવાનું શરૂ કરી શકો છો.
8. પ્રકાશકનો લેખ પ્રદર્શિત કરવો
સમાચાર આઇટમ વાંચ્યા પછી, વપરાશકર્તા પ્રકાશકના લેખોની સંપૂર્ણ સૂચિનું પરીક્ષણ કરવાનું પસંદ કરી શકે છે. જો તમે પ્રકાશક ડેટા પ્રકાર વિકસાવ્યો હોય, તો પ્રકાશકો માટે એક અલગ પૃષ્ઠ બનાવવું એ અમારું મૂળ હોમ પેજ બનાવવા જેટલું સરળ છે.
આ પૃષ્ઠ પર, અમારે પ્રકાશક માટે પૃષ્ઠ પ્રકાર સેટ કરીને પ્રારંભ કરવાની જરૂર પડશે.
પછી, હોમ પેજ પરથી પુનરાવર્તિત જૂથની નકલ કરો અને સેટિંગ્સને સંપાદિત કરો.
આ કિસ્સામાં, અમારા પુનરાવર્તિત જૂથના ડેટા સ્ત્રોત બધા અસ્તિત્વમાંના લેખો શોધશે જેના પ્રકાશક વર્તમાન પૃષ્ઠ પ્રકાશક છે.
9. નીચેના પ્રકાશકો
અમારા MVP માટે અમે જે ત્રીજી મૂળભૂત સુવિધા બનાવીશું તે પ્લેટફોર્મ પર પ્રકાશકને અનુસરવાની ક્ષમતા છે. અમે પ્રકાશક પૃષ્ઠ પર ફોલો બટન ઉમેરીશું. જ્યારે આપણે આ ચિહ્ન પર ક્લિક કરીએ છીએ, ત્યારે અમે એક નવી પ્રક્રિયા શરૂ કરીશું જે વસ્તુને સુધારે છે.
વર્તમાન પૃષ્ઠ પ્રકાશકને તેમના નીચેના પ્રકાશનોની સૂચિમાં ઉમેરવાથી વર્તમાન વપરાશકર્તા બદલાઈ જશે.
તે પછી, અમારે વર્તમાન વપરાશકર્તાને ઉમેરીને વર્તમાન પૃષ્ઠ પ્રકાશકની અનુયાયીઓની સૂચિ અપડેટ કરવાની જરૂર પડશે.
10. વધારાની સુવિધાઓ તમે ઉમેરી શકો છો
હવે જ્યારે તમે કસ્ટમ ડેટા ફીલ્ડ્સ બનાવવા અને ગતિશીલ માહિતી પ્રસ્તુત કરવામાં આરામદાયક છો, ત્યારે તમે તમારા ઉત્પાદન માટે બનાવેલા અનુભવો સાથે સર્જનાત્મક બની શકો છો. તમે આનો પણ સમાવેશ કરી શકો છો:
- એક સુવિધા બનાવો જે વપરાશકર્તાઓને પછીથી વાંચવા માટે સામગ્રીને સાચવવાની મંજૂરી આપે.
- દરેક ભાગના તળિયે, સૂચિત લેખોનો પુનરાવર્તિત સંગ્રહ પ્રદાન કરો.
- લોકોને સાઇટ પર નવી સામગ્રી શોધવામાં મદદ કરવા માટે શોધ સાધન બનાવો.
11. પરિણામ
તમારી અંતિમ એપ્લિકેશન કંઈક આના જેવી દેખાશે.
ગુણ
- ઘણા API અને પ્લગઈનો સાથે કનેક્ટ કરવાની ક્ષમતા.
- ઉપયોગમાં સરળ, નો-કોડ એપ્લિકેશન.
- પ્રોગ્રામિંગનો અનુભવ ન ધરાવતા લોકોને આનો લાભ મળશે.
- ડિઝાઇન ટૂલ્સ જે બહુમુખી અને શક્તિશાળી બંને છે.
- ઝડપી ક્વેરી પ્રક્રિયા.
વિપક્ષ
- વિશ્વસનીયતામાં વધારો.
- ડેટા પ્રોસેસિંગ સ્પીડ ધીમી છે.
- કામગીરી મર્યાદિત છે.
પ્રાઇસીંગ
મફત યોજના તમને પ્લેટફોર્મ વિશે જાણવા અને તમારી એપ્લિકેશન વિકસાવવાની મંજૂરી આપે છે.
ચૂકવેલ સબ્સ્ક્રિપ્શન્સમાં વ્હાઇટ-લેબલિંગ, કસ્ટમ ડોમેન, બબલ API ની ઍક્સેસ અને આરક્ષિત સર્વર ક્ષમતા જેવા વધારાનો સમાવેશ થાય છે, જે નીચે સૂચિબદ્ધ છે.
- વ્યક્તિગત - $25/મહિને (વાર્ષિક ચૂકવવામાં આવે છે) અથવા $29/મહિને (માસિક ચૂકવવામાં આવે છે).
- વ્યવસાયિક - $115/મહિને (વાર્ષિક ચૂકવવામાં આવે છે) અથવા $129/મહિને (માસિક ચૂકવવામાં આવે છે).
- ઉત્પાદન - $475/મહિને (વાર્ષિક ચૂકવવામાં આવે છે) અથવા $529/મહિને (માસિક ચૂકવવામાં આવે છે).
ઉપસંહાર
વેબ એપ્લીકેશન બનાવવા માટે બબલ એ એક ઉત્તમ વિકલ્પ છે જે ફક્ત માહિતી જ બતાવી શકે છે અથવા ન્યૂનતમ UI ધરાવી શકે છે.
તે વાપરવા માટે એકદમ સરળ છે, અને બબલ દ્વારા આપવામાં આવેલ ટ્યુટોરિયલ્સ અત્યંત મદદરૂપ છે. તેનું ઓનલાઈન વિઝ્યુઅલ એડિટર જે તમને તમારી પસંદગીઓના આધારે વેબ એપ્સ ડિઝાઇન કરવાની મંજૂરી આપે છે.
અને શ્રેષ્ઠ ભાગ એ છે કે તમારે કોઈ પ્રોગ્રામિંગ અનુભવ અથવા કુશળતાની જરૂર નથી. બબલ દરેક માટે યોગ્ય છે, પછી ભલેને તમે કોડ કેવી રીતે બનાવવો તે જાણો છો કે નહીં.
જો કે, ફ્રન્ટએન્ડ ભાષાઓની અગાઉની સમજણ તમને એક ધાર આપી શકે છે કારણ કે તે તમને ઇવેન્ટ હેન્ડલિંગ અંગે તે શું કરી રહી છે તે ઝડપથી સમજવાની મંજૂરી આપે છે.
તો, તમે બબલની ક્ષમતાઓ વિશે શું વિચારો છો?
અમને ટિપ્પણીઓમાં જણાવો!
અરબેહી
શું bubble.io ટૂલનો ઉપયોગ કરીને ઉત્પાદનો વેચવા માટે સ્ટોર બનાવી શકાય છે?