Dènyèman, mwen te enterese nan apwòch devlopman entènèt ki pa HTML, CSS, ak JavaScript.
Avèk jaden flè san kòd k ap grandi, li pa t etone pou dekouvri ke gen plizyè altènativ pou apwòch ki pi estanda pou devlope aplikasyon pou entènèt.
Ou dwe abitye ak kèk nan platfòm CMS ki pi koni, tankou WordPress ki pa gen anpil kòd. Men, si ou vle bati aplikasyon entènèt, tribin sa yo ka sanble restriksyon.
Isit la mwen prezante w Bubble.io, yon pwisan zouti ki pa gen kòd ki pèmèt ou bati aplikasyon entènèt tankou pa janm anvan.
Ann eksplore li an pwofondè!
Ki sa ki Bubble.io?
Bubble se yon platfòm ki pa teknik ki konbine yon langaj pwogramasyon vizyèl ak yon kad devlopman entènèt.
Itilizatè yo ka itilize zouti pwogramasyon sa yo pou konstwi aplikasyon inik sou entènèt, chanje baz done ak pwosesis, ajoute konpozan paj (imaj, tèks, fòm antre, kat), ak konsepsyon koòdone yo.
Li se yon mache kote ou ka dekouvri modèl ideyal, grefon, ak sèvis pou ede w nan bati pwodwi solid.
San yo pa oblije mete sou pye yon kad pwogramasyon tipik, ou ka kreye nenpòt bagay soti nan yon mache nan yon rezo sosyal nan yon CRM (Jesyon Relasyon Kliyan) lè l sèvi avèk Bubble.
Li bay kliyan yo kapasite pou yo kreye ak pèsonalize aplikasyon yo lè l sèvi avèk yon koòdone fasil pou itilizatè ak yon editè pwen-ak-klike.
Ou ka itilize li an konjonksyon avèk sèvis ki bay yon API REST, tankou Facebook, SQL, analiz, ak aplikasyon peman. Li pèmèt itilizatè yo konsakre tan pou amelyore fonksyonalite ak aparans aplikasyon yo pou yo gade byen sou tablèt ak aparèy mobil.
Li apwopriye pou tout gwosè biznis, soti nan ti mwayen ak gwo; ak aksesib pou Windows, Mac, ak entènèt la.
Ki sa ki se pwogramasyon vizyèl?
Pwogramasyon vizyèl se esansyèlman sa li son tankou. Olye pou yo pwograme manyèlman pa ekri kòd, ou fè li grafikman pa klike ak trenen eleman nan paj.
Pa twonpe pa kout deskripsyon sa a.
Li pa tankou nenpòt lòt aplikasyon pou koupe bonbon oswa zouti pou kreye sit entènèt ou te rankontre sou entènèt. Pifò mason aplikasyon mande pou ou konte sou modèl debaz epi yo gen fonksyonalite trè limite; yo sèlman pèmèt ou devlope kalite espesifik nan apps ak limite pèsonalizasyon ou.
Malgre ke nosyon an nan "pwogram vizyèl" ak "trenen ak jete" parèt fasil nan Bubble, li se ekstrèmman pwisan.
Anviwònman pwogramasyon vizyèl li a non sèlman pèmèt ou trennen objè tankou tèks, grafik, antre, ak plis ankò sou yon paj, men li pèmèt ou tou configured sa eleman sa yo fè.
Kisa Bubble fè?
Objektif prensipal Bubble se pèmèt nenpòt moun kreye aplikasyon entènèt san yo pa bezwen ekri kòd.
Sepandan, pandan ke sa a bay pou yon deklarasyon objektif fasil sonje, li kite soti yon ti kras enpòtan nan istwa a. Chemen ki soti nan lide rive nan mache a pi konplike pase jis kreye liy kòd.
Yon ekip pwofesyonèl ki gen anpil fòmasyon k ap travay sou sèten seksyon nan kreyasyon, kwasans ak antretyen aplikasyon an obligatwa nan devlopman konvansyonèl yo. Konsidere sa.
Kisa chak aplikasyon mande?
- Sekirite pou asire w ke pèsonn pa gen aksè san otorizasyon nan done yo.
- Yon baz done pou estoke ak rekipere enfòmasyon tankou atik, atik, ak mizajou medya sosyal.
- Évolutivité pou pèmèt devlopman san antrave nan baz itilizatè a ak volim done.
- Yon koòdone itilizatè bèl pou fè aplikasyon an atire epi fasil pou itilize.
- Entegrasyon ak divès kalite sèvis ak sistèm.
Bubble ranplase pi plis pase yon kode. Li bay tout sèvis sa yo nan yon fason vizyèlman atiran ak trè otomatik, ki fè li posib, si se pa senp, pou yon sèl moun okipe tout bagay.
Pandan ke tribin ki pa gen okenn kòd anvan yo te eseye ranplase kodaj nan divès fason. Konsèp li se retire otan baryè posib pou yon app rive nan mache a, jere tout bagay soti nan konsepsyon reponn ak animasyon nan hosting, deplwaman vèsyon, sekirite, ak operasyon baz done.
Sèvi ak konektè API a pou konekte Bubble ak lòt sèvis
Konektè API li a gen anpil chans plugin ki pi enpòtan sou mache a. Kòm non an implique, sa a pèmèt ou konekte ak lòt apps ak sèvis yo pataje aksyon ak done.
Olye ke yo fouye nan spesifik teknik yo sou fason sa a travay, konsidere egzanp sa yo sou sa APIs ta ka akonpli:
- Jwenn aksè a aprantisaj machin metòd tankou rekonesans imaj ak tradiksyon.
- Jwenn enfòmasyon metewolojik ki pi resan yo soti nenpòt kote sou tè a.
- Lè yon evènman deklanche nan Bubble, enfòmasyon yo echanje atravè sistèm, tankou etabli yon plon nan CRM ou oswa yon randevou nan Google Kalandriye ou.
- Liv yon vòl oswa yon sejou otèl nenpòt kote nan glòb la.
- Jwenn nimewo telefòn, kote, foto, logo, ak revizyon pou nenpòt konpayi sou Google Maps.
Sèvi ak grefon pou amelyore karakteristik natif natal
Teknikman, li melanje modil kòd JavaScript, CSS, ak HTML nan yon ne fonksyonèl. Aplikasyon ekri nan JS.JSON sèvi kòm fondasyon pou pwòp lang li.
Pandan ke ou pa bezwen konplètman konprann tèminoloji sa yo pou konstwi apps, yo endike yon reyalite kle: li konfòme yo ak estanda entènèt li te ye ak rekonèt, sa ki pèmèt devlopè amelyore fonksyonalite natif natal li yo konsiderableman.
Sa a deja wè sou sit la Plugin, kote dè santèn de ekstansyon gratis ak peye pou fonksyonalite debaz yo disponib. Li vle di tou ke si ou rive nan yon pwen kote kapasite fondamantal li yo ensifizan, gen anpil ekspè JavaScript ki vle mete yon solisyon Sur mesure pou ou.
Ki kalite aplikasyon ou ka devlope?
Ou ka kreye yon pakèt aplikasyon, kèk ladan yo bay pi ba a.
- Aplikasyon pou mache espesyalize ak yon kominote.
- Aplikasyon pou tablo travay nan yon varyete sektè.
- Lojisyèl pou anplwaye lopital.
- Lojisyèl pwen-of-sale pou magazen fizik.
- Lojisyèl biwo dantè ak yon etikèt blan.
- Envantè pèsonèl biznis ak lojisyèl sèvis kliyan.
- Koutye ak kliyan-fè fas a aplikasyon pou rasanbleman byen imobilye.
- Aplikasyon pou evènman ak kou sou mache a (e menm bato).
- Sètifika pwofesyonèl mande aplikasyon pou tès entèn yo.
- Aplikasyon pou premye sekouris yo.
- Lojisyèl jesyon anplwaye pou itilizasyon entèn.
Pou nou onèt, platfòm la pa fèt pou fè tout bagay. Li ta ka pa chwa ideyal la si w ap desine yon aplikasyon jwèt ak vizyèl konplèks ak mouvman. Anplis, si w ap kreye yon aplikasyon natif natal (youn pou magazen app), w ap bezwen entegre li ak yon lòt sèvis twazyèm pati.
Aparans kle
Jarèt se konfiti-chaje ak karakteristik. Nou p ap ka kouvri yo tout isit la, men nou pral eseye kouvri yo ki pi esansyèl.
1. plugins
Li pèmèt ou mete fonctionnalités de plizyè zouti sou entènèt la nan ou aplikasyon entènèt. Pou egzanp, si ou vle itilizatè ou yo konekte lè l sèvi avèk kont Facebook yo, ou ka itilize plugin Facebook la pou fè sa.
2. Devlope
Li pèmèt ou konstwi aplikasyon dinamik, plizyè itilizatè pou navigatè entènèt Desktop ak mobil, ansanm ak tout zouti ki nesesè pou konstwi yon sit ki sanble ak Instagram oswa Airbnb.
NAN Design
Ou ka kreye konsepsyon mobil zanmitay ak kontni dinamik pou bay fini yo nan yon pwodwi ke ou pral kontan montre yo bay lòt moun.
4. hosting
Pa janm gen enkyetid sou antretyen sèvè, enfrastrikti, oswa operasyon ankò e ankò.
Li pran swen deplwaman ak hosting pou ou nan yon fason ki an sekirite. Kantite itilizatè yo, volim trafik, ak depo done yo tout san restriksyon.
Konstwi yon aplikasyon ak Bubble (Tutorial)
Koulye a, ann antre nan aksyon ak eksplore ki jan ou ka bati yon aplikasyon nouvèl sou Bubble.
1. Pou kòmanse
Pou kòmanse, ou dwe premye enskri pou yon kont gratis sou Bubble.
Nou pral kòmanse itilize zouti konsepsyon vizyèl Bubble a pou fòme platfòm nou an koòdone itilizatè. Gen kèk nan paj kle yo enkli anba a:
- Téléchargement paj - Yon sit entènèt kote piblikatè ap devlope ak distribye atik.
- Paj Akèy – Yon lis istwa ki sot pibliye yo parèt.
- Paj naratif - Yon paj kote chak istwa inik ka jwenn.
- Paj Piblikatè- Yon paj ki montre yon lis istwa ki soti nan yon piblikatè sèten.
2. Konfigirasyon baz done
Apre ou fin mete ekspozisyon pwodwi ou a, ou ka konsantre sou bati jaden done ki pral alimante aplikasyon w lan. Nou pral sèvi ak jaden sa yo pou konekte workflows ki kache pwodwi ou a.
Pou egzanp sa a, nou pral etabli de kalite done diferan pou chak moso nouvèl. Yon kalite done pral genyen enfòmasyon debaz yo nan yon istwa (tankou tit la, foto ki prezante a, ak Piblikatè), pandan ke lòt kalite done yo pral gen ladan dosye kontni pi gwo tankou naratif nan tout li menm.
Lè nou defini yo kòm kalite done disrè, nou ka sèlman chaje enfòmasyon ki nesesè lè li nesesè, limite kantite materyèl ki editè Bubble a pral bezwen pwodwi.
Kalite done sa yo ak jaden yo pral kreye:
Kalite done: Itilizatè
Jaden:
- Non
- Piblikatè sa yo se yon lis piblikatè. Nòt enpòtan: Kreye yon jaden kòm yon lis ki baze sou yon kalite done diferan pèmèt ou enkòpore tout jaden done esansyèl li yo san efò san yo pa bezwen kreye jaden siplemantè.
Kalite done: Istwa
Jaden:
- Tit
- Anons spesyal
- Writer
- kategori
- Editè
- Kontni istwa
Kalite done: Kontni istwa
Jaden:
- Kontni istwa
Kalite done: Editè
Jaden:
- Non
- logo
- Nan zanmi
3. bati workflows
Kounye a ke ou te òganize konsepsyon aplikasyon w lan ak baz done, li lè yo kòmanse mete tout bagay ansanm ak fè li travay.
Workflows yo se metòd prensipal pou akonpli sa a nan Bubble.
Chak workflow rive lè yon evènman rive (egzanp, yon itilizatè klike sou yon bouton) epi answit fè yon sekans "aksyon" an repons (egzanp, "enskri itilizatè a," "fè yon chanjman nan baz done a," ak sou sa) .
4. Kreye yon istwa nouvèl
Premye karakteristik nou pral ofri a se yon zouti ki pèmèt piblikatè yo ekri epi poste nouvèl sou sit la.
Nan paj Upload la, nou pral kòmanse pa enkòpore yon anpil nan atik opinyon ki pral aplike nan antre done nan baz done nou an. Antre tèks, yon telechajman foto, ak yon seleksyon dropdown se egzanp jaden sa yo.
Nou pral bezwen tou personnaliser meni deroulant Piblikatè a pou montre yon lis opsyon dinamik. Piske chak nouvo atik pral ajoute nan lis yon piblikatè nan atik total, nou pral bezwen chwazi yon Piblikatè ki egziste deja nan baz done nou an.
Lè nou mete meni sa a dewoulman, nou pral chwazi ki kalite opsyon yo dwe yon Piblikatè.
Apre sa, sous done nou an pral eskane baz done nou an epi retounen yon lis tout piblikasyon aktyèl yo. Finalman, nou pral chanje tit sous la pou mete non piblikatè a.
Yon fwa yon ekriven te antre enfòmasyon ki nesesè yo nan chak antre sou paj, yo pral klike sou bouton pibliye pou jenere yon nouvo istwa.
Lè sa a, nan baz done ou a, ou pral kreye yon nouvo bagay ak kalite done yo mete nan naratif.
Lè sa a, nou pral bezwen kòmanse peple baz done nou an ak jaden ki nesesè yo. Konekte chak konpozan opinyon sou paj yo nan kolòn baz done respektif yo.
Premyèman, nou pral kreye kalite kontni istwa a, ki pral finalman lye ak istwa a li menm.
Apre sa, nou pral ajoute yon lòt etap nan pwosedi sa a, jenere yon lòt bagay - fwa sa a, istwa a li menm.
Li posib pou entegre done sa yo san efò atravè platfòm ou a lè w entegre premye materyèl naratif nou devlope ak istwa sa a.
Yon nouvo istwa pral pwodwi chak fwa pwosedi sa a aktive.
5. Montre kontni dinamik nan manje a
Yon fwa piblikatè yo kòmanse telechaje materyèl nan aplikasyon mobil ou a, nou pral bezwen kòmanse kreye lojik nan paj dakèy ou a ki montre chak atik kòm yon lis dinamik. Sa a ka akonpli pa anplwaye eleman repete gwoup nou an.
Gwoup repete travay ak baz done ou a pou prezante ak rafrechi yon lis materyèl dinamik.
Lè w ap aplike yon gwoup repete, ou dwe premye konekte eleman nan yon kalite done nan baz done w la.
Nan ka sa a, ou pral kategorize sòt nan materyèl kòm istwa. Ou pral bezwen tou bay sous done a kòm yon lis tout tab ki nan baz done ou a.
Nou pral fè aranjman pou gwoup renouvlab sa a tou pa dat kòmansman chak istwa, ki montre lis la nan lòd kwonolojik ranvèse. Ou kapab kounye a kòmanse òganize materyèl dinamik ki pral parèt nan chak kadriyaj.
Senpleman ranpli ranje anlè a ak materyèl ki apwopriye ou vle montre, ak eleman pwisan sa a pral peple kolòn ki rete yo ak done ki soti nan baz done ou ye kounye a.
6. Voye done ant paj
Li posib tou pou konstwi evènman nan chak ranje nan yon gwoup repete. Lè w ap devlope karakteristik navigasyon pou platfòm ou a, fonksyonalite sa a pral itil.
Paj dakèy aplikasyon nouvèl nou an jis montre yon aperçu de chak istwa, ki gen ladan Piblikatè a, yon imaj prezante, ak tit istwa a.
Sepandan, li pa montre tout kontni yon atik jiskaske itilizatè a klike sou paj istwa a. Nou pral sèvi ak editè workflow nou an pou transmèt done ant paj pou montre materyèl sa a.
Pou kòmanse, kreye yon pwosesis ki voye yon itilizatè nan paj istwa a lè yo klike sou foto a nan yon istwa.
Sèvi ak yon evènman navigasyon pou transfere yon itilizatè nan yon lòt paj pandan y ap devlope pwosesis sa a.
Chwazi kalite paj destinasyon an pou paj naratif la nan meni ki dewoule a. Lè sa a, w ap bezwen bay plis enfòmasyon sou paj sa a pou editè Bubble la konprann ki istwa inik pou montre.
Enfòmasyon w ap bezwen bay soti nan istwa selil aktyèl la.
7. Montre kontni dinamik sou paj istwa a
Ou ka fasilman rekipere done evènman sa a epi montre materyèl ki enpòtan nan naratif la lè yo voye yon itilizatè nan yon paj istwa sèten.
Pou kreye fonksyon sa a, ou dwe premye tcheke si kalite paj sib la matche ak pwopriyete done w ap delivre atravè workflow la. Nan sitiyasyon sa a, ou dwe asosye paj istwa a ak yon pwopriyete istwa.
Li ka senpleman rale epi delivre done ki apwopriye ki soti nan sous ki egziste deja pa kategorize kalite kontni sou yon paj.
Ou kapab kounye a kòmanse mete materyèl dinamik nan jaden ki montre enfòmasyon ki soti nan yon tab sèl.
8. Montre atik piblikatè a
Apre li yon atik nouvèl, yon itilizatè ka chwazi pou egzamine tout katalòg atik piblikatè a. Si ou te devlope yon kalite done Piblikatè, kreye yon paj separe pou Piblikatè se senp tankou kreye paj lakay orijinal nou an.
Nan paj sa a, nou pral bezwen kòmanse pa mete kalite paj la nan Piblikatè.
Lè sa a, kopye gwoup la repete nan paj kay la epi modifye paramèt yo.
Nan ka sa a, sous done gwoup repete nou an ap chèche pou tout atik ki egziste deja ki gen Piblikatè se Piblikatè paj aktyèl la.
9. Swiv piblikatè
Twazyèm karakteristik fondamantal nou pral bati pou MVP nou an se kapasite pou swiv yon piblikatè sou platfòm la. Nou pral ajoute yon bouton swiv sou paj piblikatè a. Lè nou klike sou icon sa a, nou pral lanse yon nouvo pwosesis ki modifye yon bagay.
Ajoute piblikatè paj aktyèl la nan lis piblikasyon sa yo pral chanje itilizatè aktyèl la.
Apre sa, nou pral bezwen mete ajou lis patizan piblikatè paj aktyèl la lè nou ajoute itilizatè aktyèl la.
10. Lòt karakteristik ou ka ajoute
Kounye a ke ou konfòtab ak bati jaden done koutim ak prezante enfòmasyon dinamik, ou ka jwenn kreyatif ak eksperyans yo ou kreye pou pwodwi ou a. Ou ka enkli tou:
- Kreye yon karakteristik ki pèmèt itilizatè yo sove kontni pou lekti pita.
- Nan pati anba a nan chak moso, bay yon koleksyon renouvlab nan atik sijere.
- Kreye yon zouti rechèch pou ede moun jwenn kontni fre sou sit la.
11. Rezilta a
Aplikasyon final ou a pral gade yon bagay tankou sa a.
Pou
- Kapasite pou konekte avèk anpil API ak grefon.
- Yon aplikasyon ki fasil pou itilize, san kòd.
- Moun ki pa gen okenn eksperyans pwogram pral benefisye de sa.
- Zouti konsepsyon ki tou de versatile ak pwisan.
- Pwosesis rechèch rapid.
Kont
- Ogmantasyon fyab.
- Vitès pwosesis done se ralanti.
- Pèfòmans limite.
Pri
Plan gratis la pèmèt ou aprann sou platfòm la epi devlope aplikasyon w lan.
Abònman peye yo gen ladan siplemantè tankou etikèt blan, yon domèn koutim, aksè a Bubble API a, ak kapasite sèvè rezève, ki nan lis anba a.
- Pèsonèl – $25/mwa (peye chak ane) oswa $29/mwa (peye chak mwa).
- Pwofesyonèl – $115/mwa (peye chak ane) oswa $129/mwa (peye chak mwa).
- Pwodiksyon - $ 475 / mwa (peye chak ane) oswa $ 529 / mwa (peye chak mwa).
konklizyon
Bubble se yon altènatif ekselan pou bati aplikasyon entènèt ki ka sèlman montre enfòmasyon oswa ki gen yon UI minim.
Li se byen senp pou itilize, ak leson patikilye yo bay Bubble yo trè itil. Editè vizyèl sou entènèt li yo ki pèmèt ou konsepsyon aplikasyon entènèt ki baze sou preferans ou yo.
Ak pi bon pati a se ou pa bezwen okenn eksperyans pwogramasyon oswa ekspètiz. Jarèt se apwopriye pou tout moun, kèlkeswa si ou konnen ki jan yo kode oswa ou pa.
Sepandan, konpreyansyon davans nan lang frontend ka ba ou yon avantaj paske li pèmèt ou byen vit konnen ki sa li ap fè konsènan manyen evènman yo.
Se konsa, ki sa ou panse sou kapasite Bubble a?
Fè nou konnen nan kòmantè yo!
Arbehi
Èske yo ka kreye yon magazen pou vann pwodwi lè l sèvi avèk zouti bubble.io?