Изработка на уеб приложение
и SaaS платформа
Изработка на уеб приложение по поръчка: вътрешна система за екипа, портал за клиентите ви или SaaS платформа, която продавате на абонамент. Сървърната част пишем на Laravel, Symfony или Node.js, а интерфейса на React, Vue.js или Angular.
Уеб приложения и онлайн платформи по поръчка
Уеб приложението се отваря в браузъра на компютър и на телефон, без инсталация. Хората влизат в него с профил и работят с данни: създават заявки, одобряват, търсят, вадят отчети. Например:
- Система за заявки: клиентът подава заявка, екипът я разпределя, а статусът се вижда и от двете страни
- Онлайн консултации: свободни часове в календар, записване, плащане с карта и напомняне по имейл
- Клиентски портал: поръчките, фактурите и документите на всеки клиент на едно място
- Админ панели и табла с отчети с много данни и действия на един екран
- Конфигуратор на продукти: клиентът слага текст и снимки върху тениска, чаша или калъф и поръчва по свой дизайн
За търговия с фирми и дистрибутори има отделна страница: B2B платформа.
SaaS платформа: какво има в повече
SaaS платформата е едно приложение, което много фирми ползват срещу абонамент, всяка със свой профил и свои данни. Към обикновеното уеб приложение се добавят:
- Данни на всеки клиент, отделени от данните на останалите в една инсталация
- Регистрация на нов клиент и абонаментни планове
- Плащане с карта и автоматично таксуване всеки месец
- Роли и права в профила на всеки клиент
- API, описан по OpenAPI 3.1, за клиенти, които свързват платформата със своите системи
Уеб разработка: с какво пишем
Технологията избираме според това колко потребители и данни ще има приложението, с кои системи се свързва и кой ще го поддържа.
- Laravel за системи по поръчка. На Laravel е и сайтът codestudio.bg
- Symfony за системи с много интеграции, които ще се развиват години наред
- React за интерфейси с много данни и действия на един екран, а Next.js, когато страниците трябва да се генерират на сървъра и да вземат данните от API на Laravel
- Angular за големи бизнес приложения с много форми и потребителски роли
- Vue.js за интерфейс, който се вгражда в съществуващ сайт част по част
- MySQL или PostgreSQL за данните и Redis за кеш и опашки със задачи
Формите с React Hook Form и Zod показват грешка в поле още в браузъра, без да чакат сървъра. TypeScript хваща част от грешките, докато пишем кода. Всички технологии са на страницата Технологии.
Как правим уеб приложение
Разбираме
Обсъждаме кой ще ползва приложението, какви роли има и с кои системи трябва да се свърже. Определяме какво влиза в първата версия.
Проектираме
Подреждаме екраните, данните и правата на всяка роля.
Разработваме
Пишем приложението и API-то и ги свързваме с другите ви системи. Средата за разработка и тестове е в Docker и е същата като на сървъра.
Развиваме
Пускаме първата версия и продължаваме с поддръжка и нови функции.
Поддръжка и развитие след пускането
След пускането поемаме поддръжката на приложението: обновления, поправки и нови функции. Ако приложението спре, реагираме 24/7.
Оптимизираме за скорост на всички нива до постигане на TTFB под 800 ms (препоръчително под 500 ms). Как поддържаме проектите след старта, е описано на страницата Поддръжка на сайт и онлайн магазин.
Уеб приложение или мобилно приложение
Уеб приложението работи в браузъра на всяко устройство. Новата версия се пуска веднъж на сървъра и всички потребители я получават веднага, без преглед от Apple и Google.
Мобилно приложение има смисъл, когато трябва да е в App Store и Google Play или да ползва функции на телефона, до които браузърът няма достъп. Двете могат да работят с едно и също API: вижте изработка на мобилно приложение.
Да поговорим