Saturs[Paslēpt][Rādīt]
- Kas ir Bubble.io?
- Kas ir vizuālā programmēšana?
- Kāda veida lietotnes varat izstrādāt?
Lietotnes izveide, izmantojot Bubble (pamācība)+-
- 1. Darba sākšana
- 2. Datu bāzes konfigurēšana
- 3. Darbplūsmu veidošana
- 4. Ziņu stāsta izveide
- 5. Dinamiskā satura parādīšana plūsmā
- 6. Datu sūtīšana starp lapām
- 7. Dinamiskā satura attēlošana stāsta lapā
- 8. Izdevēja raksta attēlošana
- 9. Sekošana izdevējiem
- 10. Papildu funkcijas, kuras varat pievienot
- 11. Rezultāts
- Plusi
- Mīnusi
- Cena
- Secinājumi
Nesen esmu interesējies par tīmekļa izstrādes pieejām, kas nav HTML, CSS un JavaScript.
Pieaugot bezkoda ainavai, nebija pārsteidzoši atklāt, ka ir vairākas alternatīvas standarta pieejām tīmekļa lietojumprogrammu izstrādei.
Jums ir jāpārzina dažas no pazīstamākajām SPS platformām, piemēram, WordPress, kas gandrīz neizmanto kodu. Taču, ja vēlaties izveidot tīmekļa lietotnes, šādas platformas var šķist ierobežojošas.
Šeit es jūs iepazīstināšu ar spēcīgu Bubble.io bezkoda rīks kas ļauj izveidot tīmekļa lietotnes kā vēl nekad.
Izpētīsim to padziļināti!
Kas ir Bubble.io?
Bubble ir netehniska platforma, kas apvieno vizuālo programmēšanas valodu un a tīmekļa izstrādes ietvars.
Lietotāji var izmantot šos programmēšanas rīkus, lai izveidotu unikālas tiešsaistes lietojumprogrammas, mainītu datu bāzes un procesus, pievienotu lapas komponentus (attēlus, tekstu, ievades formas, kartes) un izstrādātu to saskarnes.
Tas ir tirgus, kurā varat atklāt ideālas veidnes, spraudņus un pakalpojumus, lai palīdzētu jums izveidot spēcīgus produktus.
Neizveidojot tipisku programmēšanas ietvaru, izmantojot Bubble, varat izveidot jebko no tirgus līdz sociālajam tīklam līdz CRM (klientu attiecību pārvaldībai).
Tas sniedz klientiem iespēju izveidot un personalizēt savas lietotnes, izmantojot lietotājam draudzīgu interfeisu un norādiet un noklikšķiniet uz redaktoru.
Varat to izmantot kopā ar pakalpojumiem, kas nodrošina REST API, piemēram, Facebook, SQL, analītikas un maksājumu lietotnes. Tas ļauj lietotājiem veltīt laiku savu lietojumprogrammu funkcionalitātes un izskata uzlabošanai, lai tās labi izskatītos planšetdatoros un mobilajās ierīcēs.
Tas ir piemērots jebkura lieluma uzņēmumiem, no maziem līdz vidējiem līdz lieliem; un pieejams operētājsistēmām Windows, Mac un tīmeklī.
Kas ir vizuālā programmēšana?
Vizuālā programmēšana būtībā ir tāda, kā tā izklausās. Tā vietā, lai manuāli programmētu, rakstot kodu, jūs to darāt grafiski, noklikšķinot un velkot komponentus lapās.
Neļaujiet sevi maldināt ar šo īso aprakstu.
Tas nav līdzīgs jebkurai citai sīkfailu griešanas lietotnei vai vietņu veidošanas rīkam, ar kuru esat saskāries tiešsaistē. Lielākajai daļai lietotņu veidotāju ir jāpaļaujas uz pamata veidnēm un ir ļoti ierobežota funkcionalitāte; tie ļauj izstrādāt tikai noteikta veida lietotnes un ierobežot personalizāciju.
Lai gan jēdzieni “vizuālā programmēšana” un “vilkšana un nomešana” programmā Bubble šķiet vienkārši, tas ir ārkārtīgi spēcīgs.
Tās vizuālā programmēšanas vide ne tikai ļauj vilkt uz lapas objektus, piemēram, tekstu, grafiku, ievades datus un citus objektus, bet arī ļauj konfigurēt šo elementu darbību.
Ko dara Bubble?
Bubble galvenais mērķis ir ļaut ikvienam izveidot tīmekļa lietotnes, nerakstot kodu.
Tomēr, lai gan tas nodrošina viegli iegaumējamu mērķa paziņojumu, tas atstāj ievērojamu daļu no stāsta. Ceļš no idejas līdz tirgum ir sarežģītāks nekā tikai koda rindu izveide.
Tradicionālajai izstrādei ir nepieciešama augsti apmācītu profesionāļu komanda, kas strādā pie noteiktām lietotnes izveides, izaugsmes un uzturēšanas sadaļām. Apsveriet šo.
Kas nepieciešams katrai lietotnei?
- Drošība, lai pārliecinātos, ka nevienam nav nesankcionētas piekļuves datiem.
- Datubāze tādas informācijas glabāšanai un izgūšanai kā vienumi, raksti un sociālo mediju atjauninājumi.
- Mērogojamība, lai nodrošinātu netraucētu lietotāju bāzes un datu apjoma attīstību.
- Patīkams lietotāja interfeiss, lai padarītu lietotni pievilcīgu un ērti lietojamu.
- Integrācija ar dažādiem pakalpojumiem un sistēmām.
Burbulis aizstāj daudz vairāk nekā kodētājs. Tas nodrošina visus šos pakalpojumus vizuāli pievilcīgā un ļoti automatizētā veidā, padarot to iespējamu, ja ne vienkārši, vienai personai rīkoties ar visu.
Lai gan iepriekšējās bezkoda platformas ir mēģinājušas aizstāt kodēšanu dažādos veidos. Tās koncepcija ir novērst pēc iespējas vairāk šķēršļu, lai lietotne nonāktu tirgū, apstrādājot visu, sākot no adaptīva dizaina un animācijām līdz mitināšanai, versiju izvietošanai, drošībai un datu bāzes darbībām.
API savienotāja izmantošana, lai savienotu Bubble ar citiem pakalpojumiem
Tā API savienotājs, iespējams, ir vissvarīgākais spraudnis tirgū. Kā norāda nosaukums, tas ļauj izveidot savienojumu ar citām lietotnēm un pakalpojumiem, lai kopīgotu darbības un datus.
Tā vietā, lai iedziļināties šīs darbības tehniskajās specifikācijās, apsveriet tālāk norādītos piemērus par to, ko API varētu paveikt.
- Piekļuves iegūšana mašīna mācīšanās tādas metodes kā attēlu atpazīšana un tulkošana.
- Iegūstiet jaunāko laikapstākļu informāciju no jebkuras vietas uz zemes.
- Kad pakalpojumā Bubble tiek aktivizēts notikums, tiek veikta informācijas apmaiņa starp sistēmām, piemēram, potenciālā pirkuma izveidošana jūsu CRM vai tikšanās jūsu Google kalendārā.
- Rezervējiet lidojumu vai uzturēšanos viesnīcā jebkur pasaulē.
- Iegūstiet tālruņa numuru, atrašanās vietu, fotogrāfijas, logotipu un atsauksmes par jebkuru uzņēmumu pakalpojumā Google Maps.
Spraudņu izmantošana, lai uzlabotu vietējās funkcijas
Tehniski tas sajauc JavaScript koda moduļus, CSS un HTML funkcionālā mezglā. Lietojumprogramma, kas rakstīta JS.JSON, kalpo par pamatu savai valodai.
Lai gan jums nav pilnībā jāsaprot šī terminoloģija, lai izveidotu lietotnes, tie norāda uz vienu galveno faktu: tas atbilst zināmiem un atzītiem tīmekļa standartiem, ļaujot izstrādātājiem ievērojami uzlabot tā sākotnējo funkcionalitāti.
Tas jau ir redzams spraudņu vietnē, kur ir pieejami simtiem bezmaksas un maksas paplašinājumu pamata funkcionalitātei. Tas arī nozīmē, ka, ja jūs sasniedzat punktu, kad tā pamatiespējas nav pietiekamas, ir daudz JavaScript ekspertu, kas vēlas izveidot jums pielāgotu risinājumu.
Kāda veida lietotnes varat izstrādāt?
Varat izveidot plašu lietojumprogrammu klāstu, dažas no tām ir norādītas tālāk.
- Lietotnes specializētiem tirgiem ar kopienu.
- Lietotnes darba aģentūru darbam dažādās nozarēs.
- Programmatūra slimnīcas personāla komplektēšanai.
- Tirdzniecības vietu programmatūra fiziskajiem veikaliem.
- Zobārstniecības biroja programmatūra ar baltu etiķeti.
- Personīgā biznesa inventāra un klientu apkalpošanas programmatūra.
- Brokeru un klientu nekustamo īpašumu apkopošanas pieteikumi.
- Lietotnes pasākumiem un kursiem tirgū (un pat laivām).
- Profesionālajiem sertifikātiem ir nepieciešamas iekšējās pārbaudes lietojumprogrammas.
- Pieteikumi pirmās palīdzības sniedzējiem.
- Darbinieku vadības programmatūra iekšējai lietošanai.
Godīgi sakot, platforma nav paredzēta, lai paveiktu visu. Tā varētu nebūt ideāla izvēle, ja veidojat spēļu lietotni ar sarežģītiem vizuāliem attēliem un kustību. Turklāt, ja veidojat vietējo lietotni (vienu lietotņu veikaliem), jums tā būs jāintegrē ar citu trešās puses pakalpojumu.
Galvenās iezīmes
Burbulis ir pārpildīts ar funkcijām. Šeit mēs nevarēsim tos visus aptvert, bet mēs centīsimies aptvert svarīgākos.
1. Plugins
Tas ļauj savā ierīcē iekļaut funkcionalitāti no daudziem interneta rīkiem tīmekļa lietojumprogramma. Piemēram, ja vēlaties, lai jūsu lietotāji pieteiktos, izmantojot savu Facebook kontu, varat izmantot Facebook spraudni, lai to izdarītu.
2. Attīstīt
Tas ļauj jums izveidot dinamiskas, vairāku lietotāju lietotnes galddatoru un mobilo tīmekļa pārlūkprogrammām, kā arī visus rīkus, kas nepieciešami, lai izveidotu vietni, kas līdzīga Instagram vai Airbnb.
3. dizains
Varat izveidot mobilajām ierīcēm piemērotus izkārtojumus un dinamisku saturu, lai piešķirtu pēdējo pieskārienu produktam, ko ar prieku parādīsit citiem.
4. Hosting
Nekad nav jāuztraucas par servera uzturēšanu, infrastruktūru vai darbībām atkal un atkal.
Tas rūpējas par izvietošanu un mitināšanu jūsu vietā drošā un drošā veidā. Lietotāju skaits, trafika apjoms un datu krātuve ir neierobežoti.
Lietotnes izveide, izmantojot Bubble (pamācība)
Sāksim darbu un izpētīsim, kā pakalpojumā Bubble izveidot ziņu lietotni.
1. Darba sākšana
Lai sāktu, jums vispirms ir jādara reģistrēties bezmaksas Bubble kontam.
Mēs sāksim, izmantojot Bubble vizuālā dizaina rīku, lai veidotu mūsu platformu lietotāja interfeiss. Tālāk ir norādītas dažas no galvenajām iekļaujamajām lapām.
- Augšupielādes lapa — vietne, kurā izdevēji izstrādās un izplatīs rakstus.
- Mājas lapa — tiek parādīts nesen publicēto stāstu saraksts.
- Stāstījuma lapa – lapa, kurā var atrast katru unikālo stāstu.
- Izdevēja lapa — lapa, kurā tiek parādīts noteikta izdevēja stāstu saraksts.
2. Datu bāzes konfigurēšana
Kad esat izveidojis produkta displeju, varat koncentrēties uz datu lauku izveidi, kas darbosies jūsu lietojumprogrammā. Mēs izmantosim šos laukus, lai saistītu jūsu produkta pamatā esošās darbplūsmas.
Šajā piemērā katrai ziņai mēs izveidosim divus atšķirīgus datu tipus. Viens datu tips ietvers stāsta pamatfakti (piemēram, nosaukums, piedāvātais attēls un izdevējs), bet otrs datu tips saturēs lielākus satura failus, piemēram, visu stāstījumu.
Definējot tos kā atsevišķus datu tipus, mēs varam ielādēt nepieciešamo informāciju tikai tad, kad tā ir nepieciešama, tādējādi ierobežojot materiāla daudzumu, kas Bubble redaktoram būs jāsagatavo.
Tiks izveidoti šādi datu veidi un lauki:
Datu tips: lietotājs
Lauki:
- Vārds
- Tālāk norādītie izdevēji ir izdevēju saraksts. Svarīga piezīme. Izveidojot lauku kā sarakstu, pamatojoties uz noteiktu datu tipu, varat bez piepūles iekļaut visus tā būtiskos datu laukus, neveidojot papildu laukus.
Datu tips: stāsts
Lauki:
- Uzruna
- Piedāvātais attēls
- rakstnieks
- Kategorija
- izdevējs
- Stāsta saturs
Datu tips: Stāsta saturs
Lauki:
- Stāsta saturs
Datu tips: izdevējs
Lauki:
- Vārds
- logotips
- Sekotāji
3. Darbplūsmu veidošana
Tagad, kad esat sakārtojis savas lietojumprogrammas dizainu un datu bāzi, ir pienācis laiks sākt visu apvienot un likt tam darboties.
Darbplūsmas ir galvenā metode, kā to paveikt pakalpojumā Bubble.
Katra darbplūsma notiek, kad notiek notikums (piem., lietotājs noklikšķina uz pogas), un pēc tam atbildot veic virkni “darbību” (piem., “reģistrē lietotāju”, “veic izmaiņas datu bāzē” un tā tālāk). .
4. Ziņu stāsta izveide
Pirmā funkcija, ko mēs piedāvāsim, ir rīks, kas ļauj izdevējiem rakstīt un publicēt ziņas vietnē.
Augšupielādes lapā mēs sāksim ar daudzu ievades vienumu iekļaušanu, kas tiks lietoti datu ievadei mūsu datubāzē. Šo lauku piemēri ir teksta ievade, attēlu augšupielādētājs un nolaižamā izvēlne.
Mums būs arī jāpielāgo izdevēja nolaižamā izvēlne, lai tiktu parādīts dinamisko opciju saraksts. Tā kā katrs jauns raksts tiks pievienots izdevēja kopējo rakstu sarakstam, mums no mūsu datu bāzes būs jāizvēlas esošs izdevējs.
Iestatot šo nolaižamo izvēlni, mēs izvēlēsimies opciju veidu, lai kļūtu par izdevēju.
Pēc tam mūsu datu avots skenēs mūsu datu bāzi un atgriezīs visu pašreizējo publikāciju sarakstu. Visbeidzot, mēs mainīsim avota parakstu, iekļaujot tajā izdevēja vārdu.
Kad rakstnieks ir ievadījis nepieciešamo informāciju katrā lapas ierakstā, viņš noklikšķinās uz publicēšanas pogas, lai izveidotu jaunu stāstu.
Pēc tam savā datu bāzē izveidosit jaunu lietu ar datu tipu, kas iestatīts uz stāstījumu.
Pēc tam mums būs jāsāk aizpildīt mūsu datubāze ar nepieciešamajiem laukiem. Savienojiet katru lapas ievades komponentu ar to attiecīgajām datu bāzes kolonnām.
Pirmkārt, mēs izveidosim stāsta satura veidu, kas beidzot tiks saistīts ar pašu pasaku.
Tālāk šai procedūrai pievienosim vēl vienu posmu, ģenerējot kaut ko citu – šoreiz pašu pasaku.
Šos datus ir iespējams bez piepūles integrēt savā platformā, integrējot pirmo stāstījuma materiālu, ko izstrādājām ar šo stāstu.
Katru reizi, kad šī procedūra tiks aktivizēta, tiks izveidots jauns stāsts.
5. Dinamiskā satura parādīšana plūsmā
Kad izdevēji sāks augšupielādēt materiālus jūsu mobilajā lietotnē, mums jūsu sākumlapā būs jāsāk izveidot loģiku, kurā katrs raksts tiek rādīts kā dinamisks saraksts. To var paveikt, izmantojot mūsu atkārtoto grupas elementu.
Atkārtotas grupas strādā ar jūsu datu bāzi, lai prezentētu un atsvaidzinātu dinamisko materiālu sarakstu.
Lietojot atkārtotu grupu, vispirms elements ir jāsaista ar datu tipu savā datubāzē.
Šajā gadījumā jūs iedalīsit šāda veida materiālu kā pasakas. Jums būs arī jānorāda datu avots kā visu jūsu datubāzē esošo tabulu saraksts.
Mēs arī sakārtosim šo periodisko grupu pēc katra stāsta sākuma datuma, rādot sarakstu apgrieztā hronoloģiskā secībā. Tagad varat sākt organizēt dinamisko materiālu, kas parādīsies katrā režģī.
Vienkārši aizpildiet augšējo rindu ar atbilstošo materiālu, ko vēlaties parādīt, un šis spēcīgais elements aizpildīs atlikušās kolonnas ar datiem no jūsu pašreizējās datu bāzes.
6. Datu sūtīšana starp lapām
Ir iespējams arī konstruēt notikumus katrā atkārtotas grupas rindā. Izstrādājot navigācijas līdzekļus savai platformai, šī funkcionalitāte noderēs.
Mūsu ziņu lietotnes mājaslapā tiek rādīts tikai katra stāsta priekšskatījums, ieskaitot izdevēju, piedāvāto attēlu un stāsta nosaukumu.
Tomēr tajā netiek rādīts viss raksta saturs, līdz lietotājs noklikšķina, lai atvērtu stāsta lapu. Mēs izmantosim mūsu darbplūsmas redaktoru, lai pārsūtītu datus starp lapām un parādītu šo materiālu.
Lai sāktu, izveidojiet procesu, kas nosūta lietotāju uz stāsta lapu, kad tiek noklikšķināts uz stāsta attēla.
Izmantojiet navigācijas notikumu, lai šī procesa izstrādes laikā pārsūtītu lietotāju uz citu lapu.
Nolaižamajā izvēlnē izvēlieties galamērķa lapas veidu, kas būs stāstījuma lapa. Pēc tam šai lapai būs jāsniedz papildu informācija, lai Bubble redaktors saprastu, kuru unikālo stāstu rādīt.
Informācija, kas jums jāsniedz, nāk no pašreizējās šūnu stāsta.
7. Dinamiskā satura attēlošana stāsta lapā
Varat viegli izgūt šo notikuma datus un parādīt attiecīgo stāstījuma materiālu, kad lietotājs tiek nosūtīts uz noteiktu stāsta lapu.
Lai izveidotu šo funkciju, vispirms ir jāpārbauda, vai mērķa lapas veids atbilst datu rekvizītam, ko piegādājat, izmantojot darbplūsmu. Šādā situācijā stāsta lapa ir jāsaista ar stāsta rekvizītu.
Tas var vienkārši iegūt un piegādāt atbilstošus datus no esošajiem avotiem, klasificējot lapas satura veidu.
Tagad varat sākt ievietot dinamisku materiālu laukos, kas parāda informāciju no vienas tabulas.
8. Izdevēja raksta attēlošana
Pēc ziņu izlasīšanas lietotājs var izvēlēties pārbaudīt visu izdevēja rakstu katalogu. Ja esat izstrādājis izdevēja datu tipu, atsevišķas lapas izveide izdevējiem ir tikpat vienkārša kā mūsu sākotnējās sākumlapas izveide.
Šajā lapā mums būs jāsāk ar lapas veida iestatīšanu uz izdevējs.
Pēc tam kopējiet atkārtoto grupu no sākumlapas un rediģējiet iestatījumus.
Šajā gadījumā mūsu atkārtotās grupas datu avots meklēs visus esošos rakstus, kuru izdevējs ir pašreizējais lapas izdevējs.
9. Sekošana izdevējiem
Trešā pamatfunkcija, ko veidosim savam MVP, ir iespēja sekot izdevējam platformā. Izdevēja lapā pievienosim pogu Sekot. Noklikšķinot uz šīs ikonas, mēs uzsāksim jaunu procesu, kas maina lietu.
Pievienojot pašreizējo lapas izdevēju viņa turpmāko publikāciju sarakstam, tiks mainīts pašreizējais lietotājs.
Pēc tam mums būs jāatjaunina pašreizējā lapas izdevēja sekotāju saraksts, pievienojot pašreizējo lietotāju.
10. Papildu funkcijas, kuras varat pievienot
Tagad, kad esat apmierināts ar pielāgotu datu lauku izveidi un dinamiskas informācijas prezentēšanu, varat radoši izmantot pieredzi, ko izveidojat savam produktam. Varat arī iekļaut:
- Izveidojiet funkciju, kas lietotājiem ļauj saglabāt saturu vēlākai lasīšanai.
- Katra raksta apakšdaļā norādiet atkārtotu ieteikto rakstu kolekciju.
- Izveidojiet meklēšanas rīku, lai palīdzētu cilvēkiem atrast jaunu saturu vietnē.
11. Rezultāts
Jūsu pēdējā lietotne izskatīsies apmēram šādi.
Plusi
- Iespēja izveidot savienojumu ar daudzām API un spraudņiem.
- Viegli lietojama lietojumprogramma bez koda.
- Cilvēki, kuriem nav programmēšanas pieredzes, no tā gūs labumu.
- Dizaina rīki, kas ir gan daudzpusīgi, gan jaudīgi.
- Ātra vaicājumu apstrāde.
Mīnusi
- Paaugstināta uzticamība.
- Datu apstrādes ātrums ir lēns.
- Veiktspēja ir ierobežota.
Cena
Bezmaksas plāns ļauj uzzināt par platformu un izstrādāt savu lietojumprogrammu.
Maksas abonementos ir iekļautas tādas ekstras kā baltā marķēšana, pielāgots domēns, piekļuve Bubble API un rezervēta servera jauda, kas ir norādītas tālāk.
- Personīgi – $25/mēnesī (maksā katru gadu) vai $29/mēnesī (maksā reizi mēnesī).
- Profesionāls – USD 115 mēnesī (maksā katru gadu) vai USD 129 mēnesī (maksā reizi mēnesī).
- Ražošana – USD 475 mēnesī (maksā katru gadu) vai USD 529 mēnesī (maksā reizi mēnesī).
Sāciet darbu ar Bubble bez maksas
Secinājumi
Burbulis ir lieliska alternatīva tīmekļa lietojumprogrammu izveidei, kas var parādīt tikai informāciju vai kurām ir minimāls lietotāja interfeiss.
Tas ir diezgan vienkārši lietojams, un Bubble sniegtās apmācības ir ļoti noderīgas. Tās tiešsaistes vizuālais redaktors, kas ļauj izveidot tīmekļa lietotnes, pamatojoties uz jūsu vēlmēm.
Un labākais ir tas, ka jums nav nepieciešama programmēšanas pieredze vai zināšanas. Burbulis ir piemērots ikvienam neatkarīgi no tā, vai jūs zināt, kā kodēt vai nē.
Tomēr iepriekšēja priekšgala valodu izpratne var sniegt jums priekšrocības, jo tā ļauj ātri noskaidrot, ko tā dara saistībā ar notikumu apstrādi.
Tātad, ko jūs domājat par Bubble iespējām?
Ļaujiet mums zināt, komentārus!
Arbehi
Vai var izveidot veikalu produktu pārdošanai, izmantojot rīku bubble.io?