что такое стэк технологии
Что такое стек технологий. Объясняем простыми словами
Стек включает в себя языки программирования, фреймворки (программная среда для разработки), системы управления базами данных, компиляторы (переводят текст, написанный на языке программирования, в набор машинных кодов) и так далее.
Выбор конкретного стека зависит от архитектуры проекта, сложности и функциональности сайта, системных требований — какую выбрать операционную систему и систему управления базами данных, какой использовать веб-сервер и язык программирования.
Например, для веб-разработки стек технологий может выглядеть так:
Примеры употребления на «Секрете»
«ИТ-специалисты должны чётко представлять, что ключевое в EdTech — открытость API, возможность интегрироваться с другими платформами, а также использование современного стека технологий».
(Основательница Smart School Pro Елена Игнатьева — о типичных ошибках образовательных стартапов.)
«Если применить подход в лоб и ориентироваться только на цену, то вы рискуете получить команду, которая не даст вам искомых показателей эффективности. К примеру, при выборе рекламного агентства следует обратить внимание на размер и опыт команды, стек используемых технологий, клиентский портфель и отзывы».
(CEO Realweb Partners Эмин Аветисян — об ошибках офлайновых компаний при выходе в онлайн.)
Нюансы
Любое веб-приложение состоит из двух частей — клиентской и серверной. Клиентская сторона охватывает всё, что пользователи могут видеть на экране.
Важнейшие элементы технологического стека в клиентской части:
Серверная часть приложения готовит данные для клиентской части. Здесь придётся выбрать:
Выбранные технологии будут определять функционал продукта и то, можно ли будет его масштабировать в будущем. Также от выбранного стека будут зависеть оплата специалистов и время на разработку.
Если клиент планирует продавать одежду через небольшой онлайн-магазин, ему не понадобятся параллельная обработка больших объёмов данных (noSQL) и механизм распределения нагрузки (load balancing), заточенный на одновременную поддержку 1 млн пользователей. В то же время клиенту, который планирует продавать тысячи товаров в день, не подойдёт решение на базе бесплатного движка сайта (CMS) с дешёвым хостингом.
Как правильно выбрать технологический стек для своего проекта
Авторизуйтесь
Как правильно выбрать технологический стек для своего проекта
Технический лид в компании Proxify
Запуск каждого IT-проекта характеризуется планированием и принятием решений на первых этапах развития. Они очень важны и оказывают влияние на любой проект, поскольку предопределяют его будущее. Во время этих этапов, например, происходит выбор технологического стека.
Технологический стек кардинально влияет на любой IT-проект. В зависимости от технологического стека меняется время, качество и стоимость разработки. Более того, он влияет на масштабируемость, поэтому если разработка проекта велась на плохо подобранном технологическом стеке, это может вызвать ряд проблем в будущем. Именно поэтому нет ничего страшного, если вам потребуется больше времени на выбор, чем вы планировали.
В этой статье мы рассмотрим, что такое технологический стек веб-приложения, какие технологии доступны для выбора, их преимущества и недостатки, отметим, какие технологии подходят для разных проектов. Также в статье вы найдёте рекомендации о том, как выбрать правильный стек технологий.
Что такое технологический стек
Технологический стек — это набор языков программирования, фреймворков и ПО, необходимых для разработки приложения.
8 декабря в 18:00, Онлайн, Беcплатно
Поскольку веб-приложения состоят из клиентской и серверной частей, требования к их функциональности меняют языки программирования, фреймворки и ПО, с помощью которых будет вестись разработка. Другими словами, требования к функциональности клиентской и серверной частей влияют на технологический стек.
Клиентская сторона — это видимая часть веб-приложения, с которой взаимодействуют пользователи. Есть 3 главных элемента разработки клиентской части любого веб-приложения:
Если говорить о фреймворках, чаще всего для разработки клиентской части любого веб-приложения используются Bootstrap и React.js.
Серверная часть веб-приложения — это то, что не видит пользователь, потому что она находится под клиентской частью. Для разработки серверной части используются:
Требования к клиентской и серверной части должны быть заблаговременно утверждены и приняты во внимание во время формирования технологического стека. Первоначальный этап развития проекта не ограничивается только выбором технологического стека, вам также необходимо будет определиться со структурой приложения.
Тут мы рассмотрим, что такое технологический стек клиентской части.
Сравнение Frontend-фреймворков
Наиболее распространенными фреймворками являются React Angular и Vue.js. Они способны управлять 3 главными элементами клиентской части веб-приложения.
Ниже мы рассмотрим React, Angular и Vue.js, выделим их сильные и слабые стороны и рассмотрим, для каких веб-приложений они лучше всего подходят.
React
React — это UI-библиотека, которая была создана компанией-гигантом Facebook и которая более чем за 7 лет существования собрала вокруг себя многомиллионное сообщество. В отличие от Angular, React не является фреймворком. Именно поэтому он используется при разработке простых веб-приложений. React удобен при разработке сложной логики клиентской части, особенно когда есть очень много повторно используемых компонентов веб-приложения.
Экосистема этой UI-библиотеки состоит из множества элементов. JSX, например, очень полезен при разработке. Кстати, если вам необходимо мобильное приложение, можно использовать React Native, созданный специально для мобильных приложений.
Низкая стоимость и быстрые сроки разработки по сравнению с разработкой веб-приложения на Angular являются главными преимуществами этой UI-библиотеки. Более того, поскольку это очень распространенная технология, трудности при поиске квалифицированного React-программиста не возникнут. Это очень популярная UI-библиотека, которая вряд ли перестанет пользоваться спросом в ближайшие 10 лет из-за того, что поддерживается Facebook и имеет многомиллионное сообщество.
Вам стоит остановить свой выбор на React если:
React не стоит выбирать, если вы хотите, чтобы ваше будущее веб-приложение имело расширенную логику или у вас нет возможности нанять опытного разработчика. Поскольку эта UI-библиотека не требует написания качественного кода, часто веб-приложения получаются с багами и другими недостатками. Именно поэтому вам необходим senior-разработчик, который позаботится о качестве кода.
Angular
Angular является самым главным конкурентом React. Это фреймворк, который идеально подходит для комплексных веб-приложений с расширенной логикой. Он поддерживается Google, поэтому явно будет пользоваться большой популярностью в течение следующих 10 лет.
У этого фреймворка логика, шаблон и стили разделены на 3 файла. Этот фреймворк также очень хорошо интегрируется с MVC.
Разработка веб-приложений на Angular более длительная и качественная, чем разработка на React, потому что этот фреймворк требует планировать разработку еще до ее начала.
Увеличение стоимости и времени разработки веб-приложения на Angular компенсируется высоким качеством конечного веб-приложения. Главным недостатком разработки веб-приложения на Angular является то, что очень тяжело найти программистов, которые знают этот фреймворк. Дело в том, что изучать Angular очень сложно.
Вам стоит остановить свой выбор на Angular если:
Angular является самым худшим вариантом разработки веб-приложения, если оно нацелено на максимально простой интерфейс и предполагает большое количество манипуляций с DOM.
Vue.js
Можно сказать, что Vue.js собрал в себе все самое лучшее от двух вышеперечисленных технологий. Vue.js — не фреймворк, а UI-библиотека. По сравнению с React и Angular это очень молодая технология. У этой UI-библиотеки нет многомиллионного активного сообщества и нет поддержки компании-гиганта вроде Facebook. Из-за этого нет уверенности в том, что Vue.js будет таким же популярным, как React и Angular через 10 лет.
Vuex в Vue.js гораздо легче поддерживать, чем Redux в React. Готовых решений у этой UI-библиотеки также очень мало.
Как показывает практика, Vue.js является прекрасной малобюджетной технологией. Благодаря тому, что он проще, чем React и Angular, нет необходимости в опытном разработчике. Эта UI-библиотека прекрасно подходит, если вам необходимо разработать небольшое веб-приложение максимально быстро.
Вам стоит остановить свой выбор на Vue.js, если:
На данный момент Vue.js пользуется большой популярностью среди небольших компаний-разработчиков.
JavaScript или TypeScript?
При разработке клиентской части веб-приложения необходимо определиться с основным языком разработки. Есть два варианта — JavaScript и TypeScript, каждый из которых предпочтительнее использовать в разных случаях.
Например, если вы планируете разрабатывать веб-приложение на Angular, необходимо использовать TypeScript. В случае разработки веб-приложения на Vue.js и React необходимости в Typescript нет.
Использование TypeScript позволяет сэкономить время разработки веб-приложения благодаря уменьшению числа ошибок в коде. Он также имеет значительное влияние на процесс обслуживания приложения и упрощает его. Технология Typescript поддерживается всеми современными фреймворками. В случае, когда бэкенд веб-приложения не готов, однако вам известно, какие данные вы получите, TypeScript позволяет разработать пользовательский интерфейс заранее.
Тем не менее, у этой технологии есть один существенный недостаток. Её очень сложно настроить при разработке веб-приложения на React и Vue.js. Поэтому неопытные разработчики не используют ее в своей работе при создании веб-приложений. Опытным командам веб-разработчиков намного легче справиться с этой проблемой.
Технология TypeScript была создана компанией-гигантом Microsoft, поэтому она будет актуальной еще в течение очень долгого периода времени, возможно даже дольше, чем React и Angular.
Остановив свой выбор на TypeScript, вы значительно упростите разработку. Выбор этой технологии также поможет избежать большого количества очевидных проблем, которые возникают в случае использования Javascript.
CSS, Less или Sass?
Развитие фреймворков дошло до такого уровня, что сегодня вы можете самостоятельно решать, как писать стили в веб-приложении. Фреймворки обеспечивают разработчиков всеми важными элементами технологического стека.
Например, вести разработку большого веб-приложения на чистом CSS максимально неудобно. Процесс разработки большого веб-приложения будет очень сильно затянут из-за очень больших файлов CSS.
Использование препроцессора, такого как Less или Sass, упростит процесс разработки. Они максимально легко реализовываются в веб-приложениях, которые используют Webpack. Использование миксинов, наследований и переменных возможно как в Less, так и Sass. Из других преимуществ препроцессора — более чистый код.
Использование препроцессоров при разработке веб-приложений пользуется большой популярностью среди широкого круга компаний-разработчиков. Препроцессоры позволяют сэкономить время и не бояться проблем с поддержкой веб-приложения, когда оно будет масштабироваться.
Как сделать правильный выбор стека технологий для разработки веб-приложения
Ниже вы найдете советы о том, как правильно выбрать технологический стек для разработки веб-приложения.
Размер веб-приложения
Размер веб-приложения очень сильно влияет на разработку. Чем больше размер веб-приложения, тем более комплексная его разработка.
Срок разработки веб-приложения
Количество времени, которое есть на разработку веб-приложения, также влияет на выбор стека технологий. При небольшом количестве времени разработка веб-приложения должна вестись с помощью более простых технологий, для которых нет необходимости в планировании, а также наличия опыта у разработчиков.
Если на разработку веб-приложения выделено достаточно много времени, выбирать стек технологий стоит исходя из других факторов.
Безопасность веб-приложения
Сейчас очень сильно выросло количество кибератак на веб-приложения. Именно поэтому необходимо обращать максимум внимания на его безопасность.
Масштабируемость веб-приложения и его поддержка
При разработке веб-приложения важно думать о его будущем, в частности, о масштабировании и поддержке. Это не настолько трудная задача, однако многие разработчики забывают принять этот фактор во внимание при выборе стека технологий. Также не менее, важно обращать внимание на желаемую производительность веб-приложения.
Заключение
Технологический стек очень сильно влияет на будущее любого веб-приложения. Он влияет на стоимость его разработки, время разработки, масштабируемость и многие другие нюансы.
Ваш выбор технологий зависит от предназначения готового проекта. Поэтому изначально необходимо ознакомиться с преимуществами и недостатками всех доступных технологий, а затем посоветоваться с опытными разработчиками.
Выбираем правильный стек технологий для проекта
Тщательный анализ проекта поможет определить, какие технологии лучше использовать. Не стремитесь использовать те, в которых вы наиболее сильны. Этот простой принцип помогает развитию долгосрочных деловых отношений.
Результаты вашей работы будут влиять на все отделы и подразделения: от управления персоналом до маркетинга. У вас должно быть четкое представление, как что работает в компании клиента, какие отделы тесно взаимодействуют, а какие нет.
Перед написанием статьи, мы опросили разработчиков о чем они думают перед тем, как приступить к работе.
Результаты разделили на 3 блока:
Разработчик должен понимать концепцию продукта, изучить бизнес клиента и узнать временные рамки проекта.
Какой масштаб, бюджет и сроки проекта?
Клиент хочет добавить новую фичу за две недели или ему нужна ERP и это будет долгосрочный проект?
Эти вопросы позволяют узнать, реалистичны ли ожидания клиента, прежде чем вы начнете работать.
Это краткосрочный или долгосрочный проект?
Неважно, проект будет длиться месяц или пять лет, в любом случае, он должен быть сделан хорошо.
Важна ли техническая составляющая?
Здесь понадобится навык убеждения. Ваша ответственность в том, чтобы заставить их понять последствия игнорирования технической составляющей проекта в долгосрочной перспективе. Это покажет вашу заинтересованность в успехе проекта и повысит уровень доверия с заказчиком.
Насколько это должно быть безопасно?
Теперь на секунду задумайтесь о сфере деятельности клиента. Скорее всего, уровень секретности у всех будет разный. Технологии, которые вы выберете, должны это учитывать.
Есть категория клиентов, которые одержимы безопасностью. С ними действуйте осторожно. Некоторые из них слышат ужасные истории вне контекста, которые не дают им спать по ночам:
«Я уверен, что российские хакеры, которых я видел по телевизору, украдут список контактов нашего ресторана.”
Мой новый стек веб-технологий для 2020 года
Помните те времена, когда стеки веб-технологий были простыми? Когда уровни этих стеков можно было обозначить в виде четырёхбуквенного сокращения вроде LAMP, LEMP или LEPP? Когда всё, что было нужно для создания и поддержки сайтов, сводилось к вполне обычному железу, к какому-нибудь опенсорсному софту, да к упорству в достижении цели?
Мой первый успешный сайт, теперь уже старинный проект 1999 года, был создан с использованием технологий, которые можно пересчитать по пальцам одной руки: HTML4, CSS2, JavaScript3 и Apache 1.1. Всё это крутилось на сервере с Linux 2.0. Сайт включал в себя 38000 страниц. И сегодня, через 20 лет, он всё ещё их выдаёт.
С тех пор всё изменилось. Это касается и стеков веб-технологий. Теперь они совсем не те, что прежде.
Автор статьи, перевод которой мы сегодня публикуем, хочет рассказать о том, как он перешёл от «фуллстека» к «стеку 2020 года». Некоторые технологии в ходе этого путешествия неожиданно стали фаворитами, а некоторые потеряли былую привлекательность.
Стек веб-технологий 2020 года
2020 год — это начало нового десятилетия. Это — время, когда стоит поговорить о новом стеке веб-технологий.
На что похож «стек 2020 года»? Надо сказать, что на это очень сильно влияет то, чего пытается достичь разработчик сайтов. Выбор подходящих уровней сильно зависит от того, какая степень масштабируемости требуется для проекта.
Меня особенно интересуют маленькие веб-сайты. Те, которые хорошо чувствуют себя на виртуальном сервере. Таким сайтам не нужны балансировщики нагрузки или постоянные хранилища данных. Это — ниша CMS, которую уже давно занимает WordPress. Но в основе всего этого лежит не некий минималистичный сервер. Вместо этого речь идёт о системе, которая может выдержать постоянный поток трафика без необходимости автоматического повышения её мощности в часы пик.
Сейчас для разработки и поддержки проектов в интересующей меня области я использую стек технологий, состоящий из 12 уровней.
▍1. Облачный провайдер
▍2. Дистрибутив Fedora Linux с SELinux
Безопасность — это то, что очень сильно всех нас беспокоит. SELinux можно сравнить с мощной охранной системой, работающей в Linux. Если к этому добавить ещё и хорошо настроенный iptables-файрвол, получится то, что позволит владельцу сайта спокойно спать по ночам. Если вы не уверены в том, что вам всё это нужно — проведите следующий эксперимент. Разверните новый сервер у вашего любимого облачного провайдера и понаблюдайте за тем, как скоро его начнут атаковать. Я видел, как брутфорс-атаки на новые сервера с попытками входа по SSH начинались менее чем через 10 минут после их создания.
▍3. Веб-сервер Read Write Serve
Я пользуюсь веб-сервером Read Write Serve с TLS-сертификатами от LetsEncrypt. Раньше я был фанатом Apache, на настройку и запуск новых веб-сайтов у меня уходило буквально несколько минут. Но с тех пор, как я перешёл с PHP на JavaScript, об Apache пришлось забыть. Сервер Express казался мне чрезвычайно простым инструментом, но лишь до тех пор, пока я не попытался воспроизвести в нём весь тот функционал, который давал мне Apache. Речь идёт о механизме согласования содержимого, об условном кэшировании, о сжатии данных, о перезаписи URL для SEO, о CORS, о политиках защиты контента. В результате я и перешёл на сервер Read Write Serve, в котором все эти возможности присутствуют по умолчанию.
▍4. Среда выполнения приложений Node.js
За логику приложения, выполняющуюся на сервере, отвечает среда Node.js. Возникает такое ощущение, что в экосистеме NPM имеются пакеты на все случаи жизни. Поэтому простыми и понятными оказались задачи по сборке из имеющихся пакетов того, что нужно именно мне, и по запуску всего этого на Read Write Serve. Для организации работы всего того, что нужно современному веб-проекту, не требуется прилагать чрезмерных усилий. Это — отправка электронной почты, работа с платёжными сервисами, обращение к базам данных, и всё остальное, подразумевающее работу с серверными API.
▍5. База данных MariaDB
Я пользуюсь сервером баз данных MariaDB. Это — форк MySQL, подвергнутый ребрендингу и освоенный опенсорс-сообществом. Когда мне нужно хранить неструктурированные JSON-данные, я пользуюсь PostgreSQL. Дело в том, что это позволяет мне выполнять запросы непосредственно по конкретным JSON-свойствам. Это немного похоже на MongoDB, но основано на привычном SQL-синтаксисе.
▍6. HTTP/2
Для организации связи между частями приложений я полагаюсь на возможности HTTP/2 с поддержкой постоянных соединений и с мультиплексированием потоков. Эти два дополнения к достойному уважения протоколу HTTP/1.1. изменили мой подход к формированию документов. Во-первых, исчезла проблема блокировки начала очереди. В результате пропала необходимость в спрайт-листах даже в том случае, если у меня имеются десятки маленьких изображений. Во-вторых, теперь не нужно оптимизировать JavaScript- и CSS-файлы, объединяя их в бандлы. После того, как соединение клиента и сервера установлено, все эти маленькие файлы без перебоев передаются по этому соединению.
▍7. HTML-шаблонизация с помощью Blue Phrase
Blue Phrase — это система шаблонизации, позволяющая в компактном виде точно описывать HTML-структуры. Для меня закончились времена нечитаемой мешанины из HTML-кода и несоответствий между открывающими и закрывающими тегами. В шаблонах я обычно использую лишь незначительное количество переменных (заголовок, описание, ключевые слова, SEO-данные, экран загрузки, дата и так далее) и размещаю их в шаблоне в декларативном стиле.
▍8. Написание кода страниц с помощью Read Write Doc
Когда я создаю новые страницы, я сосредоточен на том, что пытаюсь выразить, а не на их оформлении. Для решения этой задачи я пользуюсь Read Write Doc. Этот инструмент помогает мне заниматься делом, ни на что не отвлекаясь. Я пользуюсь им даже тогда, когда то, над чем работаю, планируется опубликовать на Medium (а там есть отличный онлайновый WYSIWYG-редактор). Я отношу себя к ветеранам веб-разработки, поэтому привык к моноширинным шрифтам, и к тому, чтобы мои руки были бы на клавиатуре, а не метались бы между клавиатурой и мышкой. В любом случае, если мне нужно увидеть то, над чем я работаю, с применением к нему CSS, я могу, с помощью простой комбинации клавиш, переключаться между режимами просмотра и редактирования.
▍9. Стандартные веб-компоненты
▍10. JavaScript для клиентских скриптов
Для написания клиентских скриптов я пользуюсь модульным объектно-ориентированным JavaScript-кодом. Я применяю новые возможности стандарта ECMAScript только тогда, когда их поддержка появляется в свежих релизах браузеров. То есть, включаю их в свой арсенал в тот момент, когда вижу, что на caniuse.com «зеленеют» все основные браузеры. Я избегаю полифиллов.
▍11. Стилизация с помощью CSS
CSS — это типографское оформление и макеты страниц. Типографика начинается с правильного подбора шрифтов. Самое главное для меня — хорошая читаемость текста. В последнее время я взял себе за правило хостить файлы используемых шрифтов на собственном сервере. Это ограждает мои ресурсы от возможности блокировки, вызванной ограниченной полосой пропускания некоего стороннего сервиса. Например, я пользуюсь примерно такими конструкциями:
Дополнительное преимущество такого подхода заключается в том, что он полностью избавляет меня от проблемы, известной как FOUT — (flash of unstyled text, вспышка обычного шрифта).
▍12. Подготовка графических ресурсов с помощью GIMP и InkScape
И, наконец, для подготовки графических ресурсов я использую пару редакторов. Растровые PNG-изображения я готовлю с помощью GIMP, а векторные SVG-материалы — с помощью InkScape.
Технологии, которые потеряли былую привлекательность
Некоторые средства, которые раньше мне очень нравились, а также некоторые, которыми я увлекался лишь мимолётно, больше не входят в мой стек веб-технологий.
Как я выбрал технологический стек с заделом на будущее
Начинайте с простого, но не в ущерб дальнейшему росту.
Начав свою карьеру как инженер-программист, впоследствии я стал технологическим предпринимателем и основал две SaaS компании, которые привлекли более 100 миллионов долларов венчурного капитала Силиконовой долины.
Проблема заключалась в том, что эти компании требовали огромных вложений, для того чтобы создать сложные, мультитенантные программные системы, которыми они являлись, которые к тому же требовали, чтобы специалисты по продажам и внедрению постоянно продвигали и поддерживали их работу. Поэтому в 2017 году я основал 8base.
В основе 8base лежит идея, что есть огромный спрос на платформы и инструменты, которые ускоряют, улучшают и удешевляют разработку программного обеспечения. 8base предоставляет готовую и понятную программную среду, и наша архитектура невероятно важна. Почему? Технологический стек предназначен не только для нас, но и для наших клиентов.
У нашей команды есть большой опыт работы в SaaS компаниях, и мы имеем четкие убеждения, которыми мы руководствуемся при выборе наших архитектурных решений. Вот некоторые из них:
— Сначала API (API-first) — вычислительная инфраструктура, данные и бизнес-логика должны быть на стороне сервера и представлены с помощью единого динамического API.
— Эластичность — вычислительная инфраструктура должна быть полностью настраиваемой услугой для работающего приложения.
— Гибкость разработки фронтенда. В наши дни программное обеспечение это больше искусство, чем наука и компании выражают себя посредством технологий. Разработчики должны иметь возможность проектировать и создавать пользовательские интерфейсы в любом стиле в сочетании с различными форм-факторами.
Эти идеи мы вложили в основу 8base.
Технологический стек 8base
Прежде всего мы выбрали Amazon Web Services (AWS) в качестве вычислительной инфраструктуры, потому что это лидер на рынке облачных вычислений. Мы используем много сервисов AWS:
— AWS Lambda для бессерверных вычислений (Serverless). Приложения, созданные с использованием 8base, также используют Lambda. Бессерверность — это относительно новая модель вычислений, которая выполняет код в ответ на события, автоматически управляя необходимыми вычислительными ресурсами. Lambda покрывает потребности в вычислительных ресурсах таким же образом, как и энергетическая компания: предоставляя настраиваемую и измеримую услуги. Это сводит к минимуму потребность в DevOps инженерах, что в свою очередь приводит к снижению затрат.
— Базы данных AWS Aurora MySQL и MongoDB Atlas. Каждая представляет собой database-as-a-service, что делает их быстрыми, надежными, отказоустойчивыми, управляемыми и масштабируемыми. 8base также предлагает выделенный Aurora MySQL для каждого рабочего пространства разработчика.
— Сервис для хранения объектов AWS S3 (Simple Storage Service). 8base решает задачу предоставления доступа к S3 для рабочих пространств и клиентских фронтенд приложений. Это позволяет с легкостью хранить документы, изображения, голосовые и видео файлы и многое другое. 8base также использует FileStack, чтобы разработчики могли легко подключать свои облачные хранилища, социальные и другие учетные записи. Мы выбрали S3, потому что он недорогой, быстрый, надежный и практически неограниченный по объему хранения.
— AWS API Gateway используется движком 8base и по умолчанию доступен для клиентских приложений, созданных на 8base, как сервис для создания, публикации и обеспечения безопасности API REST и WebSocket.
8base сделала невероятно мощный движок GraphQL API частью платформы. GraphQL — это стандарт, разработанный Facebook и ставший open-source в 2015 году. Он представляет собой единый эндпоинт, который обеспечивает динамическую связь между фронтендом и бэкендом. GraphQL позволяет фронтенд разработчикам работать очень быстро, уменьшая зависимость от бэкенд разработчиков. Эта технология API помогает команде 8base и командам, использующим 8base, разрабатывать быстрее.
Мы поддерживаем любые фронтенд фреймворки, однако сам 8base сделан с использованием React. React — это open-source библиотека JavaScript, поддерживаемая Facebook и сообществом разработчиков. Он оптимален для получения быстро изменяющихся данных. В наши дни React невероятно популярен, а так же предлагает React Native, фреймворк для создания нативных приложений на iOS и Android.
Наконец, мы выбрали платформу Auth0 для аутентификации. Разработчики могут очень легко интегрировать Auth0 в свои клиентские приложения, в то же время у них есть возможность использовать и других провайдеров для аутентификации. Auth0 обеспечивает интеграцию более чем с 30 социальными и корпоративными сервисами для авторизации, в дополнение к многофакторной аутентификации и многим другим мощным функциям.
Советы
Проектируйте для масштабирования
Подход «бережного стартапа» (lean startup) часто практикуется путем быстрого написания программного продукта, чтобы основатели могли сразу же приступить к поиску своей рыночной ниши. Я призываю основателей задуматься о том, с какими проблемами они могут столкнуться, когда их продукты нужно будет переписывать после нахождения ниши.
Лучше строить на прочном основании с возможностью постоянных итераций по улучшению продукта, при этом не жертвуя возможностью дальнейшего масштабирования. Мы сделали так с 8base, и сейчас это приносит плоды, так как мы тратим наше время на постоянное улучшение продукта, а не на его техническое обновление или рефакторинг старого кода, что по сути является невидимым для наших клиентов.
Будьте осторожны с разработчиками, которые делают продукты для стартапов, не продумывая модель данных.
Некоторые из существующих сегодня решений для бэкендов позволяют фронтенд разработчикам, а особенно разработчикам мобильных приложений, просто выгружать в них данные без учета какой-либо модели данных или структуры. И для некоторых приложений это нормально. Но для большинства приложений — увы нет. Убедитесь, что выбираете неструктурированный подход к данным, потому что это правильный выбор, а не самый простой. В противном случае ваши данные будут похожи на спагетти… когда они сварены.
Если вы являетесь нетехническим основателем и привлекаете агентство, чтобы помочь вам с разработкой, задайте им следующие восемь вопросов.
Агентства, как правило, занимаются оказанием профессиональных услуг, и в их интересах делать это как можно дольше. Их цели не всегда совпадают с вашими. Чтобы проверить это, можно задать следующие вопросы:
1. Каков ваш подход к разработке программного обеспечения: сначала дизайн(design-first) или сначала проектирование (engeneering-first)?
2. Как будут выглядеть первые полученные результаты: будут ли это законченные дизайны или же прототипы или и то и другое?
3. Каким стартапам вы помогали, нашли ли они свою рыночную нишу и стали ли финансово устойчивыми?
4. Каким образом вы будете проектировать архитектуру приложения, чтобы мне никогда не пришлось её менять?
5. Смогут ли другие разработчики, работать над проектом?
6. Смогу ли я масштабировать мое программное обеспечение, когда будет необходимо?
7. Что если мы захотим изменить дизайн основываясь на новых маркетинговых данных?
8. Что будет необходимо для поддержки нашего продукта после его запуска?
Создание технологических продуктов — это путешествие для предпринимателя, которое никогда не заканчивается. Изначальные решения о том, что, кто и как, могут отделять успех от провала. Эти решения также включают ответы на вопросы о том, кто решает, что должен делать продукт, кто будет его проектировать и разрабатывать, и какие основные технологии будут использоваться.
Правильные ответы на эти вопросы дают предпринимателю шанс на победу, в противном случае решения приведут к потере времени, дополнительным расходам и, возможно, неудаче.
Спасибо, что прочитали! Буду рад комментариям, или обращайтесь ко мне с вопросами по адресу albert@8base.com.
Перевод выполнен в компании 8base
8base – это готовый к использованию GraphQL back-end-as-a-service, который постепенно превращается в полноценную low code платформу разработки. Наша цель – дать возможность разработчикам, обладающим навыками front-end или мобильной разработки, создавать масштабируемые бизнес-приложения.