Inhaltsverzeechnes[Verstoppen][Show]
- Wat ass Bubble.io?
- Wat ass visuell programméiere?
- Wéi eng Aarte vun Apps kënnt Dir entwéckelen?
Eng App mat Bubble bauen (Tutorial)+- Déi
- 1. Fänken unzefänken
- 2. Datebank configuréieren
- 3. Bauen Workflows
- 4. Schafen eng news Geschicht
- 5. Weist dynameschen Inhalt am Feed
- 6. Schécken Daten tëscht Säiten
- 7. Weist dynamesch Inhalt op der Geschicht Säit
- 8. Den Artikel vum Verlag ze weisen
- 9. Folgenden Editeuren
- 10. Zousätzlech Funktiounen Dir kënnt dobäi
- 11. D'Resultat
- Profien
- scheinbar
- Tarifikatioun
- Konklusioun
Ech war viru kuerzem interesséiert fir Webentwécklung Approche aner wéi HTML, CSS, a JavaScript.
Mat der wuessender No-Code Landschaft war et net iwwerraschend ze entdecken datt et verschidden Alternativen zu de méi Standard Approche fir Webapplikatiounen z'entwéckelen.
Dir musst mat e puer vun de méi bekannte CMS Plattformen vertraut sinn, sou wéi WordPress déi zimlech codefräi sinn. Awer, wann Dir Web Apps wëllt bauen, kënnen esou Plattforme restriktiv schéngen.
Hei stellen ech Iech Bubble.io vir, e mächtege kee-Code Outil dat léisst Iech Web Apps bauen wéi ni virdrun.
Loosst eis et am-Déift entdecken!
Wat ass Bubble.io?
Bubble ass eng net-technesch Plattform déi eng visuell Programméierungssprooch an eng Web Entwécklung Kader.
D'Benotzer kënnen dës Programméierungsinstrumenter benotze fir eenzegaarteg Online Uwendungen ze konstruéieren, Datenbanken a Prozesser z'änneren, Säitkomponenten (Biller, Text, Input Formen, Kaarten) derbäi ze ginn an hir Interfaces ze designen.
Et ass e Maartplaz wou Dir ideal Templates, Plugins a Servicer kënnt entdecken fir Iech ze hëllefen staark Produkter ze bauen.
Ouni en typesche Programméierungskader opzestellen, kënnt Dir alles vun enger Maartplaz bis zu engem sozialen Netzwierk bis zu engem CRM (Customer Relationship Management) mat Bubble erstellen.
Et gëtt Clienten d'Fäegkeet hir Apps ze kreéieren an ze personaliséieren mat engem userfrëndlechen Interface an engem Point-and-Click Editor.
Dir kënnt et a Verbindung mat Servicer benotzen déi e REST API ubidden, wéi Facebook, SQL, Analyse, a Bezuelungsapplikatiounen. Et erlaabt d'Benotzer Zäit ze widmen fir d'Funktionalitéit an d'Erscheinung vun hiren Uwendungen ze verbesseren, sou datt se gutt op Pëllen a mobilen Apparater ausgesinn.
Et ass passend fir all Geschäftsgréissten, vu kleng bis mëttel bis grouss; an zougänglech fir Windows, Mac, an de Web.
Wat ass visuell programméiere?
Visuell Programméierung ass wesentlech wéi et kléngt. Amplaz manuell ze programméieren andeems Dir Code schreift, maacht Dir et grafesch andeems Dir Komponenten op Säiten klickt an zitt.
Loosst Iech net duerch déi kuerz Beschreiwung täuschen.
Et ass net wéi all aner Cookie-Cutter App oder Websäit-Gebai-Tool, déi Dir online begéint hutt. Déi meescht App Builder verlaangen datt Dir op Basis Templates vertrauen an extrem limitéiert Funktionalitéit hunn; si erlaben Iech nëmmen spezifesch Zorte vun Apps ze entwéckelen an Är Personaliséierung limitéieren.
Och wann d'Notioun vu "visueller Programméierung" an "Zeechnen an erofsetzen" einfach a Bubble erschéngt, ass et enorm mächteg.
Seng visuell Programméierungsëmfeld erlaabt Iech net nëmmen Objekter wéi Text, Grafiken, Inputen a méi op eng Säit ze zéien, awer et erlaabt Iech och ze konfiguréieren wat dës Elementer maachen.
Wat mécht Bubble?
Dem Bubble säi primäre Zil ass et jidderengem z'erméiglechen Web Apps ze kreéieren ouni Code ze schreiwen.
Wéi och ëmmer, wärend dëst eng liicht erënnert Zilerklärung ubitt, léisst et e wesentlechen Deel vun der Geschicht eraus. De Wee vun Iddi zum Maart ass méi komplizéiert wéi just Codelinnen erstellen.
E Team vun héich trainéierte Fachleit, déi u bestëmmte Sektioune vun der Schafung, dem Wuesstum an der Ënnerhalt vun der App schaffen, ass an der konventioneller Entwécklung erfuerderlech. Betruecht dëst.
Wat brauch all App?
- Sécherheet fir sécherzestellen datt keen onerlaabten Zougang zu Daten huet.
- Eng Datebank fir Informatioun ze späicheren an zréckzéien wéi Artikelen, Artikelen a Social Media Updates.
- Skalierbarkeet fir déi onbehënnert Entwécklung vun der Benotzerbasis an Datevolumen z'erméiglechen.
- Eng agreabel User-Interface fir d'App attraktiv an einfach ze benotzen.
- Integratioun mat verschiddene Servicer a Systemer.
Bubble ersetzt vill méi wéi e Coder. Et bitt all dës Servicer op eng visuell attraktiv an héich automatiséiert Manéier, sou datt et denkbar ass, wann net einfach, fir eng eenzeg Persoun alles ze handhaben.
Wärend fréiere kee-Code-Plattformen hu probéiert d'Kodéierung op verschidde Weeër ze ersetzen. Säin Konzept ass sou vill Barrièren wéi méiglech ze läschen fir eng App op de Maart z'erreechen, alles vu reaktiounsfäeger Design an Animatiounen bis Hosting, Versiounsdeployment, Sécherheet an Datebank Operatiounen ze behandelen.
Benotzt den API Connector fir Bubble mat anere Servicer ze verbannen
Säin API Connector ass méiglecherweis dee wichtegste Plugin um Maart. Wéi den Numm et scho seet, erlaabt dëst Iech mat aneren Apps a Servicer ze verbannen fir Aktiounen an Daten ze deelen.
Anstatt an d'technesch Spezifizitéiten ze verdéiwen wéi dëst funktionnéiert, betruecht dës Beispiller vu wat APIs erreechen kënnen:
- Erhalen Zougang zu Maschinn léieren Methode wéi Bilderkennung an Iwwersetzung.
- Kritt déi lescht Wiederinformatioun iwwerall op der Äerd.
- Wann en Event a Bubble ausgeléist gëtt, gëtt Informatioun iwwer Systemer ausgetosch, sou wéi e Lead an Ärem CRM opzebauen oder e Rendez-vous an Ärem Google Kalenner.
- Buch e Fluch oder en Hotel bleiwen iwwerall op der Welt.
- Kritt d'Telefonsnummer, Standuert, Fotoen, Logo a Bewäertunge fir all Firma op Google Maps.
Benotzt Plugins fir gebierteg Funktiounen ze verbesseren
Technesch mëscht et JavaScript Code Moduler, CSS, an HTML an e funktionnellen Node. Applikatioun geschriwwen an JS.JSON déngt als Grondlag fir seng eege Sprooch.
Och wann Dir dës Terminologie net komplett muss verstoen fir Apps ze konstruéieren, weisen se e Schlëssel Fakt: et hält sech un bekannten an unerkannte Webnormen, wat d'Entwéckler erlaabt seng gebierteg Funktionalitéit erheblech ze verbesseren.
Dëst ass schonn op der Plugin Site gesi ginn, wou Honnerte vu gratis a bezuelte Verlängerunge fir d'Basisfunktionalitéit verfügbar sinn. Et implizéiert och datt wann Dir e Punkt erreecht wou seng fundamental Fäegkeeten net genuch sinn, et gi vill JavaScript Experten gewëllt eng speziell Léisung fir Iech opzestellen.
Wéi eng Aarte vun Apps kënnt Dir entwéckelen?
Dir kënnt eng breet Palette vun Uwendungen erstellen, e puer vun deenen hei ënnendrënner ginn.
- Apps fir spezialiséiert Mäert mat enger Gemeinschaft.
- Apps fir Aarbechtsplazen a verschiddene Secteuren.
- Software fir Spidol Personal.
- Point-of-Sale Software fir kierperlech Geschäfter.
- Zänn Büro Software mat engem wäisse Label.
- Perséinlech Geschäftsinventar a Clientsservice Software.
- Broker a Client-konfrontéiert Immobilie Aggregatioun Uwendungen.
- Apps fir Eventer a Coursen um Maart (a souguer Booter).
- Berufflech Certificaten erfuerderen intern Testapplikatiounen.
- Uwendungen fir éischt Äntwerten.
- Employé Gestioun Software fir intern Notzung.
Fir éierlech ze sinn, ass d'Plattform net entwéckelt fir alles ze maachen. Et ass vläicht net déi ideal Wiel wann Dir eng Spillapp mat komplexe Visuals a Bewegung designt. Ausserdeem, wann Dir eng gebierteg App erstellt (eng fir App Stores), musst Dir se mat engem aneren Drëtt Partei Service integréieren.
Schlëssel Fonctiounen
Bubble ass voll mat Features. Mir wäerten se net all hei kënnen ofdecken, awer mir probéieren déi wesentlechst ze decken.
1. Plugins
Et erlaabt Iech Funktionalitéit vu villen Tools um Internet an Är Web Applikatioun. Zum Beispill, wann Dir wëllt datt Är Benotzer mat hirem Facebook Kont umellen, kënnt Dir de Facebook Plugin benotzen fir dëst ze maachen.
2. Entwéckelen
Et erlaabt Iech dynamesch Multi-Benotzer Apps fir Desktop a mobil Webbrowser ze konstruéieren, souwéi all déi néideg Tools fir e Site ähnlech wéi Instagram oder Airbnb ze bauen.
3. Design
Dir kënnt mobilfrëndlech Layouten an dynameschen Inhalt erstellen fir d'Finishen un engem Produkt ze ginn, deen Dir frou sidd fir anerer ze weisen.
4. Opféierungen
Ni muss ëmmer Suergen iwwer Server Ënnerhalt, Infrastruktur, oder Operatiounen ëmmer erëm.
Et këmmert sech ëm d'Deployment an d'Hosting fir Iech op eng sécher a sécher Manéier. D'Zuel vun de Benotzer, de Verkéiersvolumen an d'Datelagerung sinn all onbeschränkt.
Eng App mat Bubble bauen (Tutorial)
Loosst eis elo an Handlung goen an entdecken wéi Dir eng News App op Bubble kënnt bauen.
1. Fänken unzefänken
Fir unzefänken, musst Dir als éischt aschreiwen fir e gratis Kont op Bubble.
Mir fänken u mam Bubble säi visuellen Designinstrument ze benotzen fir eis Plattform ze formen User Interface. E puer vun de Schlësselsäiten fir ze enthalen sinn hei ënnendrënner:
- Eroplueden Säit - Eng Websäit wou Verëffentlechen Artikelen entwéckelen a verdeelen.
- Homepage - Eng Lëscht vu kierzlech publizéierten Geschichten gëtt ugewisen.
- Narrativ Säit - Eng Säit wou all eenzegaarteg Geschicht ka fonnt ginn.
- Publisher Säit- Eng Säit fir eng Lëscht vu Geschichten vun engem bestëmmte Verlag ze weisen.
2. Datebank configuréieren
Nodeems Dir den Affichage vun Ärem Produkt ausgeluecht hutt, kënnt Dir Iech fokusséieren fir d'Datefelder ze bauen déi Är Applikatioun brennen. Mir benotze dës Felder fir d'Workflows déi Äre Produkt ënnerleien ze verbannen.
Fir dëst Beispill wäerte mir zwou verschidde Datentypen fir all Neiegkeetsstéck etabléieren. Eng Datetyp enthält d'Basisfakten vun enger Geschicht (wéi den Titel, Featured Bild a Verlag), während déi aner Datentyp méi grouss Inhaltsdateien wéi déi ganz narrativ selwer enthalen.
Andeems se se als diskret Datentypen definéieren, kënne mir nëmmen d'Informatioun lueden, déi erfuerderlech ass, wann et néideg ass, d'Quantitéit vum Material ze limitéieren, deen de Bubble Editor muss produzéieren.
Déi folgend Datentypen a Felder ginn erstallt:
Daten Typ: Benotzersäit
Felder:
- Numm
- Déi folgend Editeuren sinn eng Lëscht vun Editeuren. Wichteg Notiz: E Feld als Lëscht ze kreéieren baséiert op engem ënnerscheeden Datetyp erlaabt Iech all seng wesentlech Datefelder ouni Ustrengung ze integréieren ouni extra Felder ze kreéieren.
Daten Typ: Geschicht
Felder:
- title
- Featured Bild
- Writer
- Kategorie
- Publisher
- Geschicht Inhalt
Daten Typ: Geschicht Inhalt
Felder:
- Geschicht Inhalt
Daten Typ: Publisher
Felder:
- Numm
- logo
- Gleeweger
3. Bauen Workflows
Elo datt Dir den Design an d'Datebank vun Ärer Applikatioun organiséiert hutt, ass et Zäit alles zesummen ze setzen an et ze maachen.
Workflows sinn déi primär Method fir dëst a Bubble z'erreechen.
All Workflow geschitt wann en Event geschitt (zB e Benotzer klickt op e Knäppchen) an mécht dann eng Sequenz vun "Aktiounen" als Äntwert (zB "mellt de Benotzer un", "maacht eng Ännerung vun der Datebank," a sou weider) .
4. Schafen eng news Geschicht
Déi éischt Feature déi mir ubidden ass en Tool dat Verëffentlechen erlaabt Neiegkeeten op de Site ze schreiwen an ze posten.
Op der Eropluedssäit fänke mir un mat vill Inputartikelen opzehuelen déi applizéiert ginn fir Daten an eis Datebank anzeginn. Textinput, e Bildopluedstatioun, an eng Dropdown Auswiel si Beispiller vun dëse Felder.
Mir mussen och de Verlag Dropdown-Menü personaliséieren fir eng Lëscht vun dynamesche Optiounen ze weisen. Well all neien Artikel op d'Lëscht vun engem Verlag vun den Total Artikelen bäigefüügt gëtt, musse mir en existente Verlag aus eiser Datebank wielen.
Wann Dir dësen Dropdown-Menü opstellt, wäerte mir d'Aart vun Optiounen wielen fir e Verlag ze sinn.
Duerno scannt eis Datequell eis Datebank an schéckt eng Lëscht vun all aktuellen Publikatiounen zréck. Schlussendlech wäerte mir d'Quelltext änneren fir den Numm vum Verlag ze enthalen.
Wann e Schrëftsteller déi néideg Informatioun an all Entrée op der Säit aginn huet, klickt op de Verëffentlechen Knäppchen fir eng nei Geschicht ze generéieren.
Dann, an Ärer Datebank, erstellt Dir eng nei Saach mam Datentyp op narrativ gesat.
Da musse mir ufänken eis Datebank mat den néidege Felder ze populéieren. Connect jiddereng vun den on-page Input Komponenten op hir jeeweileg Datebank Kolonnen.
Als éischt erstelle mir den Inhaltstyp vun der Geschicht, déi endlech mat der Geschicht selwer verbonne gëtt.
Als nächst wäerte mir eng aner Etapp zu dëser Prozedur addéieren, eppes anescht generéieren - dës Kéier d'Geschicht selwer.
Et ass méiglech dës Donnéeën ouni Ustrengung duerch Är Plattform z'integréieren andeems Dir dat éischt narrativt Material integréiert dat mir mat dëser Geschicht entwéckelt hunn.
All Kéier wann dës Prozedur aktivéiert gëtt, gëtt eng nei Geschicht produzéiert.
5. Weist dynameschen Inhalt am Feed
Wann d'Verëffentlechen ufänken Material op Är mobil App eropzelueden, musse mir ufänken d'Logik op Ärer Homepage ze kreéieren déi all Artikel als dynamesch Lëscht weist. Dëst kann erreecht ginn andeems Dir eist widderhuelend Gruppelement benotzt.
Widderhuelende Gruppen schaffen mat Ärer Datebank fir eng Lëscht vun dynamesche Materialien ze presentéieren an z'erfrëschen.
Wann Dir eng Widderhuelungsgrupp applizéiert, musst Dir als éischt d'Element mat engem Datentyp an Ärer Datebank verbannen.
An dësem Fall wäert Dir d'Zort vum Material als Geschichten kategoriséieren. Dir musst och d'Datequell als Lëscht vun all Dëscher an Ärer Datebank ubidden.
Mir arrangéieren och dës widderhuelend Grupp no dem Startdatum vun all Geschicht, d'Lëscht an ëmgedréint chronologesch Uerdnung ze weisen. Dir kënnt elo ufänken dat dynamescht Material ze organiséieren dat an all Gitter erschéngt.
Fëllt einfach déi iewescht Zeil mat dem passenden Material aus, deen Dir wëllt weisen, an dëst mächtegt Element fëllt déi verbleiwen Kolonnen mat Daten aus Ärer aktueller Datebank.
6. Schécken Daten tëscht Säiten
Et ass och méiglech Eventer an all Zeil vun enger widderhuelender Grupp ze konstruéieren. Wann Dir Navigatiounsfeatures fir Är Plattform entwéckelt, kënnt dës Funktionalitéit praktesch.
D'Homepage vun eiser News App weist nëmmen eng Virschau vun all Geschicht, dorënner de Verlag, e Featured Bild, an den Titel vun der Geschicht.
Wéi och ëmmer, et weist net de ganzen Inhalt vun engem Artikel bis de Benotzer op d'Geschicht Säit klickt. Mir benotzen eise Workflow Editor fir Daten tëscht Säiten ze vermëttelen fir dëst Material ze weisen.
Fir unzefänken, erstellt e Prozess deen e Benotzer op d'Geschicht Säit schéckt wann d'Bild vun enger Geschicht geklickt gëtt.
Benotzt e Navigatiounsevenement fir e Benotzer op eng aner Säit ze transferéieren wärend dëse Prozess entwéckelt.
Wielt den Typ vun der Destinatioun Säit fir d'narrativ Säit aus dem Dropdown-Menü ze sinn. Dir musst dann dës Säit weider Informatioune ginn fir datt de Bubble Editor versteet wéi eng eenzegaarteg Geschicht ze weisen.
D'Informatioun, déi Dir musst ginn, kënnt aus der aktueller Zellgeschicht.
7. Weist dynamesch Inhalt op der Geschicht Säit
Dir kënnt dës Eventdaten einfach recuperéieren an dat relevant Material aus der narrativ weisen wann e Benotzer op eng gewësse Geschicht Säit geschéckt gëtt.
Fir dës Funktioun ze kreéieren, musst Dir als éischt kucken ob den Zilsäittyp mat der Dateeigenschaft entsprécht, déi Dir duerch de Workflow liwwert. An dëser Situatioun musst Dir d'Geschicht Säit mat enger Geschichtseigenschaft associéieren.
Et kann einfach entspriechend Daten aus existente Quellen zéien a liwweren andeems Dir d'Art vum Inhalt op enger Säit kategoriséiert.
Dir kënnt elo ufänken dynamesch Material a Felder anzeginn, déi Informatioun aus enger eenzeger Tabell weisen.
8. Den Artikel vum Verlag ze weisen
Nodeems Dir eng Noriicht gelies hutt, kann e Benotzer wielen de ganze Katalog vun Artikelen vum Verlag z'ënnersichen. Wann Dir e Verlagsdatentyp entwéckelt hutt, eng separat Säit fir Verëffentlecher erstellen ass sou einfach wéi eis originell Homepage erstellen.
Op dëser Säit musse mir ufänken mam Säitentyp op de Verlag ze setzen.
Dann kopéiert d'Wiederholungsgrupp vun der Homepage an ännert d'Astellungen.
An dësem Fall sicht d'Datequell vun eisem Widderhuelungsgrupp no all existent Artikelen deenen hire Verlag den aktuellen Säit Verlag ass.
9. Folgenden Editeuren
Déi drëtt fundamental Feature déi mir fir eise MVP bauen ass d'Fäegkeet e Verlag op der Plattform ze verfollegen. Mir addéieren e Follow-Knäppchen op der Verëffentlecher Säit. Wa mir op dës Ikon klickt, lancéiere mir en neie Prozess deen eng Saach ännert.
Wann Dir den aktuellen Säit Verëffentlecher op hir Lëscht vun de folgende Publikatiounen bäidréit, ännert den aktuelle Benotzer.
Duerno musse mir d'Lëscht vun de Follower vun der aktueller Säit Verëffentlecher aktualiséieren andeems Dir den aktuelle Benotzer bäidréit.
10. Zousätzlech Funktiounen Dir kënnt dobäi
Elo datt Dir bequem sidd mat personaliséierten Datefelder ze bauen an dynamesch Informatioun ze presentéieren, kënnt Dir kreativ sinn mat den Erfarungen déi Dir fir Äert Produkt erstellt. Dir kënnt och enthalen:
- Erstellt eng Feature déi d'Benotzer erlaabt Inhalt ze späicheren fir spéider ze liesen.
- Um Enn vun all Stéck, gitt eng widderhuelend Sammlung vu proposéierten Artikelen.
- Erstellt e Sichinstrument fir Leit ze hëllefen frëschen Inhalt um Site ze fannen.
11. D'Resultat
Är lescht App wäert esou ausgesinn.
Profien
- D'Kapazitéit fir mat ville APIen a Plugins ze verbannen.
- Eng einfach ze benotzen, kee Code Applikatioun.
- Leit ouni Programméiererfahrung profitéieren dovun.
- Design Tools déi souwuel villsäiteg a mächteg sinn.
- Schnell Ufroveraarbechtung.
scheinbar
- Erhéicht Zouverlässegkeet.
- Datenveraarbechtungsgeschwindegkeet ass lues.
- Leeschtung ass limitéiert.
Tarifikatioun
De gratis Plang erlaabt Iech iwwer d'Plattform ze léieren an Är Applikatioun z'entwéckelen.
Bezuelte Abonnementer enthalen Extras wéi Wäisslabel, e personaliséierten Domain, Zougang zu der Bubble API, a reservéiert Serverkapazitéit, déi hei ënnen opgezielt sinn.
- Perséinlech - $ 25 / Mount (Joer bezuelt) oder $ 29 / Mount (monatlecht bezuelt).
- Professionell - $ 115 / Mount (Joer bezuelt) oder $ 129 / Mount (monatlecht bezuelt).
- Produktioun - $ 475 / Mount (Joer bezuelt) oder $ 529 / Mount (monatlecht bezuelt).
Konklusioun
Bubble ass eng exzellent Alternativ fir Webapplikatiounen ze bauen déi nëmmen Informatioun weisen oder e minimale UI hunn.
Et ass zimmlech einfach ze benotzen, an d'Tutorials, déi vu Bubble geliwwert ginn, sinn extrem hëllefräich. Säin online visuellen Editor deen Iech erlaabt Webapps op Basis vun Äre Virléiften ze designen.
An de beschten Deel ass datt Dir keng Programméierungserfarung oder Expertise braucht. Bubble ass gëeegent fir jiddereen, egal ob Dir wësst wéi Dir codéiert oder net.
Wéi och ëmmer, virdru Verständnis vu Frontend Sprooche kann Iech e Virdeel ginn, well et Iech erlaabt séier erauszefannen wat et iwwer Eventhandhabung mécht.
Also, wat mengt Dir iwwer Bubble seng Fäegkeeten?
Loosst ons an den Kommentaren wëssen!
Arbehi
Kann e Geschäft erstallt ginn fir Produkter mam Bubble.io Tool ze verkafen?