Olen viimasel ajal huvitatud muudest veebiarendusviisidest peale HTML-i, CSS-i ja JavaScripti.
Kasvava koodivaba maastikuga ei olnud üllatav avastada, et veebirakenduste arendamise standardsematele lähenemisviisidele on mitu alternatiivi.
Peate olema tuttav mõne tuntuma CMS-platvormiga, näiteks WordPressiga, mis on üsna koodivabad. Kuid kui soovite luua veebirakendusi, võivad sellised platvormid tunduda piiravad.
Siin tutvustan teile võimsat Bubble.io't koodita tööriist mis võimaldab teil luua veebirakendusi nagu kunagi varem.
Uurime seda põhjalikult!
Mis on Bubble.io?
Bubble on mittetehniline platvorm, mis ühendab visuaalse programmeerimiskeele ja a veebiarendusraamistik.
Kasutajad saavad kasutada neid programmeerimistööriistu ainulaadsete võrgurakenduste loomiseks, andmebaaside ja protsesside muutmiseks, lehekomponentide (pildid, tekst, sisestusvormid, kaardid) lisamiseks ja nende liideste kujundamiseks.
See on turg, kust saate leida ideaalseid malle, pistikprogramme ja teenuseid, mis aitavad teil tugevaid tooteid luua.
Ilma tüüpilist programmeerimisraamistikku seadistamata saate Bubble'i abil luua kõike alates turust, sotsiaalvõrgustikust kuni CRM-ini (kliendisuhete haldus).
See annab klientidele võimaluse luua ja isikupärastada oma rakendusi, kasutades kasutajasõbralikku liidest ja point-and-click redaktorit.
Saate seda kasutada koos REST API-d pakkuvate teenustega, nagu Facebook, SQL, analüütika ja makserakendused. See võimaldab kasutajatel pühendada aega oma rakenduste funktsionaalsuse ja välimuse täiustamisele, et need näeksid hästi välja tahvelarvutites ja mobiilseadmetes.
See sobib kõikidele ettevõtetele, alates väikesest kuni keskmise kuni suureni; ja juurdepääsetav Windowsi, Maci ja veebi jaoks.
Mis on visuaalne programmeerimine?
Visuaalne programmeerimine on sisuliselt see, nagu see kõlab. Selle asemel, et programmeerida käsitsi koodi kirjutamise teel, teete seda graafiliselt, klõpsates ja lohistades komponente lehtedele.
Ärge laske end sellest lühikesest kirjeldusest eksitada.
See ei sarnane ühegi teise küpsisevormingu rakenduse või veebisaidi loomise tööriistaga, mida olete võrgus kohanud. Enamik rakenduste koostajaid nõuab, et tugineksite põhimallidele ja nende funktsionaalsus on äärmiselt piiratud; need võimaldavad teil arendada ainult teatud tüüpi rakendusi ja piirata teie isikupärastamist.
Kuigi mõisted "visuaalne programmeerimine" ja "lohistamine" näivad Bubble'is lihtsad, on see tohutult võimas.
Selle visuaalne programmeerimiskeskkond mitte ainult ei võimalda teil lehele lohistada objekte, nagu tekst, graafika, sisendid ja palju muud, vaid see võimaldab teil ka konfigureerida, mida need elemendid teevad.
Mida Bubble teeb?
Bubble'i peamine eesmärk on võimaldada kõigil luua veebirakendusi ilma koodi kirjutamata.
Kuigi see annab hõlpsasti meeldejääva eesmärgi, jätab see jutust olulise osa välja. Idee juurest turuni jõudmine on keerulisem kui lihtsalt koodiridade loomine.
Tavaarenduses on vaja kõrgelt koolitatud spetsialistide meeskonda, kes töötab rakenduse loomise, kasvu ja hoolduse teatud osade kallal. Kaaluge seda.
Mida iga rakendus nõuab?
- Turvalisus tagamaks, et kellelgi pole volitamata juurdepääsu andmetele.
- Andmebaas teabe (nt esemed, artiklid ja sotsiaalmeedia värskendused) salvestamiseks ja toomiseks.
- Skaleeritavus kasutajabaasi ja andmemahu takistamatuks arendamiseks.
- Meeldiv kasutajaliides, mis muudab rakenduse atraktiivseks ja hõlpsasti kasutatavaks.
- Integratsioon erinevate teenuste ja süsteemidega.
Mull asendab palju enamat kui kodeerija. See pakub kõiki neid teenuseid visuaalselt ahvatleval ja väga automatiseeritud viisil, mis muudab mõeldavaks, kui mitte lihtsaks, et kõigega tegeleks üks inimene.
Kui varasemad koodita platvormid on püüdnud kodeerimist mitmel viisil asendada. Selle kontseptsioon on eemaldada rakenduse turule jõudmisel võimalikult palju takistusi, käsitledes kõike alates tundlikust disainist ja animatsioonidest kuni hostimise, versiooni juurutamise, turvalisuse ja andmebaasitoiminguteni.
API-liidese kasutamine Bubble'i ühendamiseks teiste teenustega
Selle API Connector on tõenäoliselt turul kõige olulisem pistikprogramm. Nagu nimigi ütleb, võimaldab see toimingute ja andmete jagamiseks ühenduse luua teiste rakenduste ja teenustega.
Selle toimimise tehnilistesse eripäradesse süvenemise asemel kaaluge neid näiteid selle kohta, mida API-d võivad saavutada.
- Juurdepääsu saamine masinõpe sellised meetodid nagu pildituvastus ja tõlkimine.
- Hankige kõige värskemat ilmateavet kõikjalt maailmast.
- Kui Bubble'is sündmus käivitatakse, vahetatakse teavet süsteemide vahel, näiteks müügivihje loomine teie CRM-is või kohtumine teie Google'i kalendris.
- Broneerige lend või hotellimajutus kõikjal maailmas.
- Hankige Google Mapsis mis tahes ettevõtte telefoninumber, asukoht, fotod, logo ja arvustused.
Pluginate kasutamine omafunktsioonide täiustamiseks
Tehniliselt segab see JavaScripti koodimoodulid, CSS-i ja HTML-i funktsionaalseks sõlmeks. JS.JSON-is kirjutatud rakendus on selle omakeele aluseks.
Kuigi te ei pea rakenduste loomiseks neid termineid täielikult mõistma, viitavad need siiski ühele peamisele faktile: see järgib teadaolevaid ja tunnustatud veebistandardeid, võimaldades arendajatel selle natiivseid funktsioone märkimisväärselt täiustada.
Seda on juba näha pistikprogrammide saidil, kus on saadaval sadu tasuta ja tasulisi põhifunktsioonide laiendusi. See tähendab ka, et kui jõuate hetkeni, mil selle põhivõimalused on ebapiisavad, on palju JavaScripti eksperte, kes on valmis teie jaoks kohandatud lahenduse välja pakkuma.
Mis tüüpi rakendusi saate arendada?
Saate luua laia valikut rakendusi, millest mõned on toodud allpool.
- Rakendused spetsialiseeritud turgudele koos kogukonnaga.
- Rakendused mitmesuguste sektorite töölehtede jaoks.
- Tarkvara haigla personali jaoks.
- Müügikoha tarkvara füüsilistele kauplustele.
- Valge sildiga hambaravi kontoritarkvara.
- Isikliku ettevõtte inventuuri ja klienditeeninduse tarkvara.
- Maakleri ja kliendi poole suunatud kinnisvara koondamise rakendused.
- Turul olevate sündmuste ja kursuste (ja isegi paatide) rakendused.
- Kutsetunnistuste saamiseks on vaja sisetesti rakendusi.
- Taotlused esmareageerijatele.
- Töötajate juhtimistarkvara sisekasutuseks.
Ausalt öeldes pole platvorm mõeldud kõike tegema. See ei pruugi olla ideaalne valik, kui kujundate keeruka visuaali ja liikumisega mängurakendust. Pealegi, kui loote omarakendust (üks rakenduste poodide jaoks), peate selle integreerima mõne muu kolmanda osapoole teenusega.
Peamised omadused
Bubble on funktsioone täis. Me ei jõua neid kõiki siin käsitleda, kuid proovime katta kõige olulisemad.
1. Pluginad
See võimaldab teil lisada oma funktsiooni paljudest Internetis leiduvatest tööriistadest veebirakendus. Näiteks kui soovite, et teie kasutajad logiksid sisse oma Facebooki kontoga, saate selleks kasutada Facebooki pistikprogrammi.
2. Arenda
See võimaldab teil luua dünaamilisi mitme kasutajaga rakendusi lauaarvutite ja mobiilsete veebibrauserite jaoks, samuti kõiki tööriistu, mis on vajalikud Instagrami või Airbnb-ga sarnase saidi loomiseks.
3. disain
Saate luua mobiilisõbralikke paigutusi ja dünaamilist sisu, et anda tootele viimane lihv, mida teile hea meelega teistele näidata.
4. Hosting
Kunagi ei pea muretsema serveri hoolduse, infrastruktuuri või toimingute pärast ikka ja jälle.
See hoolitseb teie eest juurutamise ja hostimise eest turvalisel ja turvalisel viisil. Kasutajate arv, liikluse maht ja andmesalvestus on piiramatud.
Rakenduse loomine Bubble'iga (õpetus)
Asume nüüd tegutsema ja uurime, kuidas saate Bubble'is uudisterakendust luua.
1. Alustamine
Alustuseks peate kõigepealt registreerige Bubble'is tasuta konto.
Alustuseks kasutame oma platvormi kujundamiseks Bubble'i visuaalse disaini tööriista kasutajaliides. Mõned kaasatavad peamised lehed on toodud allpool:
- Laadimisleht – veebisait, kus kirjastajad artikleid arendavad ja levitavad.
- Avaleht – kuvatakse hiljuti avaldatud lugude loend.
- Jutustav leht – leht, kus on iga kordumatu lugu.
- Väljaandja leht – leht, mis kuvab teatud kirjastaja lugude loendi.
2. Andmebaasi seadistamine
Kui olete oma toote kuva paika pannud, saate keskenduda andmeväljade loomisele, mis teie rakendust toidavad. Kasutame neid välju teie toote aluseks olevate töövoogude linkimiseks.
Selle näite puhul loome iga uudise jaoks kaks erinevat andmetüüpi. Üks andmetüüp sisaldab loo põhifakte (nagu pealkiri, esiletoodud pilt ja avaldaja), teine andmetüüp aga suuremaid sisufaile, näiteks kogu jutustust ennast.
Määrates need diskreetsete andmetüüpidena, saame laadida vajalikku teavet ainult siis, kui seda nõutakse, piirates materjali hulka, mida Bubble'i redaktor peab tootma.
Luuakse järgmised andmetüübid ja väljad:
Andmetüüp: Kasutaja
Väljad:
- Nimi
- Järgmised väljaandjad on kirjastajate loend. Tähtis märkus: välja loomine loendina, mis põhineb erineval andmetüübil, võimaldab teil hõlpsasti kaasata kõik selle olulised andmeväljad ilma täiendavaid välju loomata.
Andmetüüp: Lugu
Väljad:
- Kapslid
- Esiletõstetud pilt
- kirjanik
- Kategooria
- kirjastaja
- Loo sisu
Andmetüüp: Loo sisu
Väljad:
- Loo sisu
Andmetüüp: kirjastaja
Väljad:
- Nimi
- logo
- järgijaid
3. Töövoogude loomine
Nüüd, kui olete oma rakenduse kujunduse ja andmebaasi korraldanud, on aeg hakata kõike kokku panema ja tööle panema.
Töövood on Bubble'is selle saavutamiseks peamine meetod.
Iga töövoog toimub siis, kui toimub sündmus (nt kasutaja klõpsab nupul) ja seejärel sooritab vastuseks toimingute jada (nt "registreerige kasutaja", "tee andmebaasi muudatus" jne). .
4. Uudisloo koostamine
Esimene funktsioon, mida pakume, on tööriist, mis võimaldab kirjastajatel saidile uudiseid kirjutada ja postitada.
Üleslaadimislehel alustame paljude sisestusüksuste lisamisega, mida rakendatakse andmete sisestamisel meie andmebaasi. Nende väljade näited on tekstisisestus, pildi üleslaadija ja rippmenüü.
Samuti peame kohandama väljaandja rippmenüüd, et kuvada dünaamiliste valikute loend. Kuna iga uus artikkel lisatakse väljaandja kõigi artiklite loendisse, peame valima oma andmebaasist olemasoleva väljaandja.
Selle rippmenüü seadistamisel valime väljaandjaks olemise valikute tüübi.
Pärast seda skannib meie andmeallikas meie andmebaasi ja tagastab kõigi praeguste väljaannete loendi. Lõpuks muudame allika pealkirja, et see sisaldaks väljaandja nime.
Kui kirjanik on sisestanud igasse lehe kirjesse vajaliku teabe, klõpsab ta uue loo loomiseks avaldamisnupul.
Seejärel loote oma andmebaasis uue asja, mille andmetüübiks on määratud narratiiv.
Seejärel peame alustama oma andmebaasi vajalike väljadega täitmist. Ühendage kõik lehel olevad sisendkomponendid nende vastavate andmebaasi veergudega.
Esiteks loome loo sisutüübi, mis lõpuks seotakse loo endaga.
Järgmisena lisame sellele protseduurile veel ühe etapi, genereerides midagi muud – seekord loo enda.
Neid andmeid on võimalik hõlpsasti kogu oma platvormile integreerida, integreerides selle looga välja töötatud esimese jutumaterjali.
Iga kord, kui see protseduur aktiveeritakse, luuakse uus lugu.
5. Dünaamilise sisu kuvamine voos
Kui väljaandjad hakkavad teie mobiilirakendusse materjali üles laadima, peame alustama teie kodulehel loogika loomist, mis kuvab iga artikli dünaamilise loendina. Seda saab saavutada meie korduva rühmaelemendi kasutamisega.
Korduvad rühmad töötavad teie andmebaasiga, et esitada ja värskendada dünaamilise materjali loendit.
Korduva rühma rakendamisel peate esmalt linkima elemendi oma andmebaasi andmetüübiga.
Sel juhul liigitate materjali muinasjuttudeks. Peate esitama ka andmeallika kõigi andmebaasis olevate tabelite loendina.
Korraldame selle korduva rühma ka iga loo alguskuupäeva järgi, näidates loendit kronoloogilises vastupidises järjekorras. Nüüd saate alustada igas ruudustikus kuvatava dünaamilise materjali korraldamist.
Lihtsalt täitke ülemine rida sobiva materjaliga, mida soovite kuvada, ja see võimas element täidab ülejäänud veerud teie praeguse andmebaasi andmetega.
6. Andmete saatmine lehtede vahel
Samuti on võimalik konstrueerida sündmusi korduva rühma iga rea sees. Oma platvormi navigeerimisfunktsioonide väljatöötamisel tuleb see funktsioon kasuks.
Meie uudisterakenduse avalehel kuvatakse ainult iga loo eelvaade, sealhulgas väljaandja, esiletoodud pilt ja loo pealkiri.
Kuid see ei kuva kogu artikli sisu enne, kui kasutaja klõpsab loo lehele. Kasutame selle materjali kuvamiseks lehtede vahel andmete edastamiseks oma töövooredaktorit.
Alustuseks loo protsess, mis saadab kasutaja loo pildile klõpsamisel loo lehele.
Kasutage selle protsessi arendamise ajal kasutaja teisele lehele üleviimiseks navigeerimissündmust.
Valige rippmenüüst jutustava lehe sihtlehe tüüp. Seejärel peate sellele lehele lisateavet andma, et mulliredaktor mõistaks, millist ainulaadset lugu näidata.
Teave, mida peate andma, pärineb praegusest lahtrite loost.
7. Dünaamilise sisu kuvamine loo lehel
Kui kasutaja suunatakse teatud loo lehele, saate neid sündmuse andmeid hõlpsalt hankida ja näidata narratiivist asjakohast materjali.
Selle funktsiooni loomiseks peate esmalt kontrollima, et sihtlehe tüüp ühtiks andmeatribuudiga, mida töövoo kaudu edastate. Sellises olukorras peate loo lehe seostama loo atribuudiga.
See võib lihtsalt hankida ja edastada asjakohaseid andmeid olemasolevatest allikatest, liigitades lehe sisu tüübi.
Nüüd saate alustada dünaamilise materjali sisestamist väljadele, mis kuvavad teavet ühest tabelist.
8. Väljaandja artikli kuvamine
Pärast uudise lugemist saab kasutaja uurida kogu väljaandja artiklite kataloogi. Kui olete välja töötanud väljaandja andmetüübi, on kirjastajate jaoks eraldi lehe loomine sama lihtne kui meie algse kodulehe loomine.
Sellel lehel peame alustama lehe tüübiks väljaandja määramisega.
Seejärel kopeerige korduv rühm avalehelt ja muutke seadeid.
Sel juhul otsib meie korduva rühma andmeallikas kõiki olemasolevaid artikleid, mille avaldaja on praegune lehe avaldaja.
9. Kirjastajate jälgimine
Kolmas põhifunktsioon, mille oma MVP jaoks ehitame, on võimalus jälgida platvormil avaldajat. Lisame avaldaja lehele jälgimisnupu. Kui klõpsame sellel ikoonil, käivitame uue protsessi, mis muudab asja.
Praeguse lehe avaldaja lisamine nende järgmiste väljaannete loendisse muudab praegust kasutajat.
Pärast seda peame värskendama praeguse lehe avaldaja jälgijate loendit, lisades praeguse kasutaja.
10. Lisafunktsioonid, mida saate lisada
Nüüd, kui tunnete end kohandatud andmeväljade loomise ja dünaamilise teabe esitamisega mugavalt, saate oma toote jaoks loodud kogemustega loovalt suhtuda. Võite lisada ka:
- Looge funktsioon, mis võimaldab kasutajatel salvestada sisu hilisemaks lugemiseks.
- Esitage iga osa allosas korduv soovitatud artiklite kogu.
- Looge otsingutööriist, mis aitab inimestel saidilt värsket sisu leida.
11. Tulemus
Teie lõplik rakendus näeb välja umbes selline.
Plusse
- Võimalus luua ühendus paljude API-de ja pistikprogrammidega.
- Lihtsalt kasutatav, koodita rakendus.
- Programmeerimiskogemuseta inimesed saavad sellest kasu.
- Disain tööriistad, mis on nii mitmekülgsed kui ka võimsad.
- Kiire päringu töötlemine.
Miinused
- Suurenenud töökindlus.
- Andmetöötluskiirus on aeglane.
- Jõudlus on piiratud.
hinnapoliitika
Tasuta plaan võimaldab teil platvormi tundma õppida ja oma rakendust arendada.
Tasulised tellimused hõlmavad lisasid, nagu valge märgistus, kohandatud domeen, juurdepääs Bubble API-le ja reserveeritud serverimaht, mis on loetletud allpool.
- Isiklik – 25 dollarit kuus (tasutakse kord aastas) või 29 dollarit kuus (tasutakse igakuiselt).
- Professionaalne – 115 dollarit kuus (tasutakse igal aastal) või 129 dollarit kuus (tasutakse igakuiselt).
- Tootmine – 475 dollarit kuus (tasutakse aastas) või 529 dollarit kuus (tasutakse igakuiselt).
Järeldus
Bubble on suurepärane alternatiiv veebirakenduste loomiseks, mis suudavad kuvada ainult teavet või millel on minimaalne kasutajaliides.
Seda on üsna lihtne kasutada ja Bubble'i pakutavad õpetused on väga kasulikud. Selle veebipõhine visuaalne redaktor, mis võimaldab teil kujundada veebirakendusi teie eelistuste põhjal.
Ja parim osa on see, et te ei vaja programmeerimiskogemust ega -teadmisi. Bubble sobib kõigile, olenemata sellest, kas teate, kuidas kodeerida või mitte.
Eelnev kasutajaliidese keelte mõistmine võib aga anda teile eelise, sest see võimaldab teil kiiresti aru saada, mida see sündmuste käsitlemisel teeb.
Niisiis, mida arvate Bubble'i võimalustest?
Anna meile teada oma kommentaarides!
Arbehi
Kas tööriista bubble.io abil saab luua kaupluse toodete müümiseks?