Содржина[Крие][Прикажи]
- Што е Bubble.io?
- Што е визуелно програмирање?
- Какви видови апликации можете да развиете?
Изградба на апликација со Bubble (Упатство)+-
- 1. Започнување
- 2. Конфигурирање на базата на податоци
- 3. Градење работни текови
- 4. Креирање вест
- 5. Прикажување динамична содржина во доводот
- 6. Испраќање податоци помеѓу страници
- 7. Прикажување динамична содржина на страницата со приказна
- 8. Прикажување на написот на издавачот
- 9. Следни издавачи
- 10. Дополнителни функции што можете да ги додадете
- 11. Резултатот
- Добрите
- Конс
- Цени
- Заклучок
Неодамна ме интересираа пристапи за развој на веб, освен HTML, CSS и JavaScript.
Со растечкиот пејзаж без код, не беше изненадувачки да се открие дека постојат неколку алтернативи за постандардните пристапи за развој на веб-апликации.
Мора да сте запознаени со некои од попознатите CMS платформи, како што е WordPress, кои се речиси без код. Но, ако сакате да креирате веб-апликации, таквите платформи може да изгледаат рестриктивни.
Овде ве запознавам со Bubble.io, моќен алатка без код што ви овозможува да креирате веб-апликации како никогаш досега.
Ајде да го истражиме во длабочина!
Што е Bubble.io?
Bubble е нетехничка платформа која комбинира визуелен програмски јазик и а рамка за веб развој.
Корисниците можат да ги користат овие програмски алатки за да конструираат уникатни онлајн апликации, да менуваат бази на податоци и процеси, да додаваат компоненти на страницата (слики, текст, формулари за внесување, мапи) и да дизајнираат нивните интерфејси.
Тоа е пазар каде што можете да откриете идеални шаблони, приклучоци и услуги кои ќе ви помогнат да изградите силни производи.
Без да мора да поставите типична програмска рамка, можете да креирате што било, од пазар до социјална мрежа до CRM (управување со односите со клиентите) користејќи Bubble.
Им дава можност на клиентите да ги креираат и персонализираат своите апликации користејќи интерфејс што е лесен за корисникот и уредувач со точка-и-клик.
Можете да го користите заедно со услуги кои обезбедуваат REST API, како што се Facebook, SQL, аналитика и апликации за плаќање. Тоа им овозможува на корисниците да посветат време на подобрување на функционалноста и изгледот на нивните апликации за да изгледаат добро на таблетите и мобилните уреди.
Соодветно е за сите големини на бизниси, од мали до средни до големи; и достапни за Windows, Mac и веб.
Што е визуелно програмирање?
Визуелното програмирање во суштина е она што звучи. Наместо рачно програмирање со пишување код, тоа го правите графички со кликнување и влечење на компонентите на страниците.
Немојте да бидете заведени од тој краток опис.
Не е како која било друга апликација за сечење колачиња или алатка за градење веб-страници што сте ја сретнале на интернет. Повеќето создавачи на апликации бараат од вас да се потпрете на основните шаблони и да имате екстремно ограничена функционалност; тие ви дозволуваат само да развивате одредени видови апликации и да ја ограничите вашата персонализација.
Иако поимот „визуелно програмирање“ и „влечење и пуштање“ изгледа лесно во Bubble, тој е неверојатно моќен.
Неговото визуелно програмско опкружување не само што ви овозможува да влечете објекти како што се текст, графика, влезови и повеќе на страница, туку ви овозможува и да конфигурирате што прават тие елементи.
Што прави Bubble?
Примарната цел на Bubble е да му овозможи на секого да креира веб-апликации без да мора да пишува код.
Сепак, иако ова обезбедува лесно запаметена изјава за гол, остава значаен дел од приказната. Патот од идеја до пазар е покомплициран отколку само создавање линии на код.
Во конвенционалниот развој потребен е тим од високо обучени професионалци кои работат на одредени делови од создавањето, растот и одржувањето на апликацијата. Размислете за ова.
Што бара секоја апликација?
- Безбедност за да бидете сигурни дека никој нема неовластен пристап до податоците.
- База на податоци за складирање и преземање информации како што се ставки, написи и ажурирања на социјалните медиуми.
- Приспособливост за да се овозможи непречен развој на корисничката база и обемот на податоци.
- Пријатен кориснички интерфејс за да ја направи апликацијата привлечна и лесна за употреба.
- Интеграција со различни услуги и системи.
Bubble заменува многу повеќе од кодерот. Ги обезбедува сите овие услуги на визуелно привлечен и високо автоматизиран начин, што го прави замисливо, ако не и едноставно, за едно лице да се справи со сè.
Додека претходните платформи без код се обидоа да го заменат кодирањето на различни начини. Нејзиниот концепт е да се отстранат што е можно повеќе бариери за апликацијата да стигне на пазарот, да се справи со сè, од одговорен дизајн и анимации до хостирање, распоредување на верзијата, безбедност и операции со базата на податоци.
Користење на конекторот API за поврзување на Bubble со други услуги
Неговиот API Connector е веројатно најважниот приклучок на пазарот. Како што имплицира името, ова ви овозможува да се поврзете со други апликации и услуги за да споделувате дејства и податоци.
Наместо да истражувате во техничките специфики за тоа како функционира ова, разгледајте ги овие примери за тоа што API-те би можеле да постигнат:
- Добивање пристап до машинско учење методи како што се препознавање и превод на слики.
- Добијте ги најновите временски информации од каде било на земјата.
- Кога настанот се активира во Bubble, информациите се разменуваат низ сите системи, како што е воспоставување на водство во вашиот CRM или состанок во вашиот Календар на Google.
- Резервирајте лет или престој во хотел каде било во светот.
- Добијте телефонски број, локација, фотографии, лого и рецензии за која било компанија на „Карти на Google“.
Користење на приклучоци за подобрување на природните карактеристики
Технички, ги меша JavaScript кодните модули, CSS и HTML во функционален јазол. Апликацијата напишана на JS.JSON служи како основа за нејзиниот сопствен јазик.
Иако не треба целосно да ја разбирате таа терминологија за да конструирате апликации, тие укажуваат на еден клучен факт: се придржува до познатите и признати веб-стандарди, дозволувајќи им на програмерите значително да ја подобрат неговата оригинална функционалност.
Ова веќе се гледа на страницата за приклучоци, каде што се достапни стотици бесплатни и платени екстензии на основната функционалност. Тоа, исто така, имплицира дека ако достигнете точка кога неговите основни способности се недоволни, има многу експерти за JavaScript кои се подготвени да постават решение нарачано за вас.
Какви видови апликации можете да развиете?
Можете да креирате широк спектар на апликации, од кои некои се дадени подолу.
- Апликации за специјализирани пазари со заедница.
- Апликации за работни табли во различни сектори.
- Софтвер за персонал во болница.
- Софтвер за продажни места за физички продавници.
- Софтвер за стоматолошка ординација со бела етикета.
- Личен бизнис инвентар и софтвер за услуги на клиентите.
- Апликации за агрегација на недвижен имот со брокер и клиенти.
- Апликации за настани и курсеви на пазарот (па дури и чамци).
- Професионалните сертификати бараат апликации за внатрешно тестирање.
- Апликации за први одговорни.
- Софтвер за управување со вработени за внатрешна употреба.
Да бидам искрен, платформата не е дизајнирана да прави сè. Можеби не е идеален избор ако дизајнирате апликација за игра со сложени визуелни слики и движење. Освен тоа, ако креирате домашна апликација (за продавници за апликации), ќе треба да ја интегрирате со друга услуга од трета страна.
Клучни карактеристики
Меурот е преполн со функции. Нема да можеме да ги покриеме сите овде, но ќе се обидеме да ги покриеме најсуштинските.
1. Приклучоци
Тоа ви овозможува да вклучите функционалност од бројни алатки на Интернет во вашиот веб апликација. На пример, ако сакате вашите корисници да се логираат користејќи ја нивната сметка на Facebook, можете да го користите приклучокот за Facebook за да го направите ова.
2. Развијте
Ви овозможува да конструирате динамични апликации со повеќе корисници за десктоп и мобилни веб-прелистувачи, како и сите алатки потребни за изградба на страница слична на Instagram или Airbnb.
3. дизајн
Можете да креирате распореди погодни за мобилни телефони и динамична содржина за да му дадете допир на производот што со задоволство ќе им го покажете на другите.
4 Хостинг
Никогаш не треба да се грижите за одржување на серверот, инфраструктурата или операциите повторно и повторно.
Се грижи за распоредување и хостирање за вас на безбеден и безбеден начин. Бројот на корисници, обемот на сообраќај и складирањето податоци се неограничени.
Изградба на апликација со Bubble (Упатство)
Ајде сега да тргнеме во акција и да истражиме како можете да изградите апликација за вести на Bubble.
1. Започнување
За да започнете, прво мора да регистрирајте се за бесплатна сметка на Bubble.
Ќе започнеме со користење на алатката за визуелен дизајн на Bubble за да ја обликуваме нашата платформа кориснички интерфејс. Некои од клучните страници што треба да се вклучат се дадени подолу:
- Постави страница - веб-локација каде што издавачите ќе развиваат и дистрибуираат статии.
- Почетна страница – Се прикажува список на неодамна објавени приказни.
- Наративна страница - страница каде што може да се најде секоја уникатна приказна.
- Страна на издавач - страница на која се прикажува список на приказни од одреден издавач.
2. Конфигурирање на базата на податоци
Откако ќе го поставите екранот на вашиот производ, можете да се фокусирате на градење на полиња со податоци што ќе ја поттикнат вашата апликација. Ќе ги користиме овие полиња за да ги поврземе работните текови во основата на вашиот производ.
За овој пример, ќе воспоставиме два различни типа на податоци за секоја вест. Еден тип на податоци ќе ги содржи основните факти на приказната (како што се насловот, прикажаната слика и издавачот), додека другиот тип на податоци ќе содржи датотеки со поголема содржина како што е целата приказна.
Со дефинирање на нив како дискретни типови на податоци, можеме да ги вчитаме информациите што се потребни само кога тоа е потребно, ограничувајќи ја количината на материјал што ќе треба да го произведе уредувачот на Bubble.
Ќе се креираат следните типови на податоци и полиња:
Тип на податоци: Корисникот
Полиња:
- Име
- Следниве издавачи се список на издавачи. Важна забелешка: Создавањето поле како листа врз основа на различен тип на податоци ви овозможува да ги вклучите сите негови основни полиња со податоци без напор, без да мора да креирате дополнителни полиња.
Тип на податоци: Приказна
Полиња:
- Наслов
- Избрана слика
- писателот
- категорија
- Издавач
- Содржина на приказната
Тип на податоци: Содржина на приказната
Полиња:
- Содржина на приказната
Тип на податоци: Издавач
Полиња:
- Име
- логото
- Следбеници
3. Градење работни текови
Сега кога сте го организирале дизајнот и базата на податоци на вашата апликација, време е да започнете да составувате сè и да ја направите да функционира.
Работните текови се примарен метод за постигнување на ова во Bubble.
Секој работен тек се случува кога ќе се појави настан (на пр., корисникот кликнува на копче) и потоа врши низа од „дејства“ како одговор (на пр. „пријавете го корисникот“, „направете промена во базата на податоци“ и така натаму) .
4. Креирање вест
Првата карактеристика што ќе ја понудиме е алатка која им овозможува на издавачите да пишуваат и објавуваат вести на страницата.
На страницата за прикачување, ќе започнеме со инкорпорирање на многу влезни ставки што ќе се применат за внесување податоци во нашата база на податоци. Внесувања на текст, поставувач на слики и паѓачки избор се примери за овие полиња.
Исто така, ќе треба да го приспособиме паѓачкото мени на издавачот за да прикаже список со динамични опции. Бидејќи секоја нова статија ќе биде додадена на списокот на вкупни статии на издавачот, ќе треба да избереме постоечки издавач од нашата база на податоци.
Кога го поставуваме ова паѓачко мени, ќе го избереме типот на опции за да бидеме издавач.
После тоа, нашиот извор на податоци ќе ја скенира нашата база на податоци и ќе врати список со сите тековни публикации. Конечно, ќе го промениме изворниот натпис за да го вклучи името на издавачот.
Откако писателот ќе ги внесе потребните информации во секој запис на страницата, ќе кликне на копчето за објавување за да генерира нова приказна.
Потоа, во вашата база на податоци, ќе создадете нова работа со типот на податоци поставен на наратив.
Потоа ќе треба да започнеме со пополнување на нашата база на податоци со потребните полиња. Поврзете ја секоја од влезните компоненти на страницата со нивните соодветни колони на базата на податоци.
Прво, ќе го создадеме типот на содржина на приказната, кој конечно ќе биде поврзан со самата приказна.
Следно, ќе додадеме уште една фаза на оваа постапка, генерирајќи нешто друго - овој пат, самата приказна.
Можно е да се интегрираат овие податоци без напор низ вашата платформа со интегрирање на првиот наративен материјал што го развивме со оваа приказна.
Ќе се произведува нова приказна секој пат кога ќе се активира оваа постапка.
5. Прикажување динамична содржина во доводот
Штом издавачите ќе почнат да поставуваат материјали на вашата мобилна апликација, ќе треба да започнеме да создаваме логика на вашата почетна страница што ја прикажува секоја статија како динамична листа. Ова може да се постигне со користење на нашиот повторувачки групен елемент.
Повторливите групи работат со вашата база на податоци за да презентираат и освежат список со динамичен материјал.
Кога применувате група која се повторува, прво мора да го поврзете елементот со типот на податоци во вашата база на податоци.
Во овој случај, ќе го категоризирате видот на материјалот како бајки. Исто така, ќе треба да го дадете изворот на податоци како листа на сите табели во вашата база на податоци.
Исто така, оваа повторлива група ќе ја подредиме според датумот на започнување на секоја приказна, прикажувајќи ја листата во обратен хронолошки редослед. Сега можете да започнете со организирање на динамичниот материјал што ќе се појави во секоја мрежа.
Едноставно пополнете го горниот ред со соодветниот материјал што сакате да го прикажете и овој моќен елемент ќе ги пополни преостанатите колони со податоци од вашата тековна база на податоци.
6. Испраќање податоци помеѓу страници
Исто така, можно е да се конструираат настани во секој ред од групата што се повторува. Кога развивате навигациски карактеристики за вашата платформа, оваа функционалност ќе ви се најде.
Почетната страница на нашата апликација за вести само прикажува преглед на секоја приказна, вклучувајќи го издавачот, избраната слика и насловот на приказната.
Сепак, не ја прикажува целата содржина на статијата додека корисникот не кликне на страницата со приказна. Ќе го користиме нашиот уредувач на работниот тек за пренос на податоци помеѓу страници за прикажување на овој материјал.
За почеток, креирајте процес кој испраќа корисник на страницата со приказна кога ќе се кликне на сликата на приказната.
Користете настан за навигација за да префрлите корисник на друга страница додека го развивате овој процес.
Изберете го типот на одредишната страница за да биде наративната страница од паѓачкото мени. Потоа ќе треба да дадете дополнителни информации на оваа страница за уредникот на Bubble да разбере која уникатна приказна да ја прикаже.
Информациите што ќе треба да ги дадете доаѓаат од тековната приказна за ќелиите.
7. Прикажување динамична содржина на страницата со приказна
Можете лесно да ги вратите податоците за овој настан и да го прикажете релевантниот материјал од наративот кога корисникот е испратен на одредена страница со приказна.
За да ја креирате оваа функција, прво мора да проверите дали типот на целната страница се совпаѓа со својството на податоци што го доставувате преку работниот тек. Во оваа ситуација, мора да ја поврзете страницата со приказна со својство на приказна.
Едноставно може да повлече и испорача соодветни податоци од постоечките извори со категоризација на видот на содржината на страницата.
Сега можете да започнете да вметнувате динамичен материјал во полињата што прикажуваат информации од една табела.
8. Прикажување на написот на издавачот
Откако ќе прочитате некоја вест, корисникот може да избере да го испита целиот каталог на написи на издавачот. Ако сте развиле тип на податоци за издавач, создавањето посебна страница за издавачите е исто толку едноставно како создавање на нашата оригинална почетна страница.
На оваа страница, ќе треба да започнеме со поставување на типот на страницата на издавач.
Потоа, копирајте ја групата што се повторува од почетната страница и уредете ги поставките.
Во овој случај, изворот на податоци на нашата група која се повторува ќе ги бара сите постоечки статии чиј издавач е тековниот издавач на страницата.
9. Следни издавачи
Третата основна карактеристика што ќе ја изградиме за нашиот MVP е способноста да следиме издавач на платформата. Ќе додадеме копче за следење на страницата на издавачот. Кога ќе кликнете на оваа икона, ќе започнеме нов процес кој менува нешто.
Додавањето на тековниот издавач на страницата на нивната листа на следните публикации ќе го промени тековниот корисник.
После тоа, ќе треба да ја ажурираме листата на следбеници на тековната страница на издавачот со додавање на тековниот корисник.
10. Дополнителни функции што можете да ги додадете
Сега кога сте задоволни со градењето на приспособени полиња за податоци и презентирање на динамични информации, можете да бидете креативни со искуствата што ги создавате за вашиот производ. Можете исто така да вклучите:
- Создадете функција која им овозможува на корисниците да зачувуваат содржина за подоцнежно читање.
- На дното на секое парче, обезбедете повторлива колекција од предложени статии.
- Создадете алатка за пребарување за да им помогнете на луѓето да најдат свежа содржина на страницата.
11. Резултатот
Вашата последна апликација ќе изгледа вака.
Добрите
- Способност за поврзување со многу API и приклучоци.
- Лесна за употреба апликација без код.
- Луѓето без искуство во програмирање ќе имаат корист од ова.
- Дизајнирајте алатки кои се разновидни и моќни.
- Брза обработка на барањата.
Конс
- Зголемена доверливост.
- Брзината на обработка на податоци е бавна.
- Перформансите се ограничени.
Цени
Бесплатниот план ви овозможува да дознаете за платформата и да ја развиете вашата апликација.
Платените претплати вклучуваат додатоци како бело етикетирање, приспособен домен, пристап до Bubble API и резервиран капацитет на серверот, кои се наведени подолу.
- Лично – 25 долари/месечно (се плаќа годишно) или 29 долари/месечно (се плаќа месечно).
- Професионално - 115 $ / месец (се плаќа годишно) или 129 $ / месец (се плаќа месечно).
- Производство – 475 долари/месечно (се плаќа годишно) или 529 долари/месечно (се плаќа месечно).
Заклучок
Bubble е одлична алтернатива за градење веб-апликации кои можат да прикажуваат само информации или да имаат минимален интерфејс.
Прилично е едноставен за користење, а упатствата обезбедени од Bubble се исклучително корисни. Неговиот онлајн визуелен уредник кој ви овозможува да дизајнирате веб-апликации врз основа на вашите преференции.
А најдобриот дел е што не ви треба никакво програмско искуство или експертиза. Bubble е соодветен за секого, без разлика дали знаете да кодирате или не.
Сепак, претходното разбирање на јазиците на предниот дел може да ви даде предност бидејќи ви овозможува брзо да сфатите што прави во врска со справувањето со настани.
Па, што мислите за можностите на Bubble?
Дозволете ни да знаеме во коментарите!
Арбехи
Дали може да се создаде продавница за продажба на производи со помош на алатката bubble.io?