Автор оригинала: Eric Burel.
Насколько я имибирован, когда я был, несколько месяцев назад, когда я опубликовал « вулкан: 15 дней для приложения »! 15 дней – 3 недели работы. Если вы включите время концепции, это месяц задержки. Что, если мы могли бы уменьшить его к неделя ? Что, если мы могли бы развить готовые к производственным приложениям в этом вопросе дни ? Вот как мы достигаем этой цели.
День 0: Некоторое контекст
Прекратите звонить себе запуск только потому, что вы производите небрежный код быстрее, чем другие
Я управляю компанией разработки и консалтинга по имени LBKE. Мы проявляем глубокий интерес к технологиям, которые помогают производить высококачественные приложения в очень ограниченном количестве времени. Думайте React Nature + Expo для мобильных устройств или METEOR для веб-приложений.
Через годы ожидаемое качество минимальных ценных продуктов (MVPS) выросло. Люди надоели низкокачественные прототипы, проданные как «продукты».
Теперь они хотят, чтобы их программное обеспечение без ошибок (никак нет!), Они хотят хороший UX (как они убираются!), Они хотят инструменты, которые действительно отвечают на их потребности (тьфу!). И, конечно, они не хотят больше платить за это.
К 4-дневным приложению
Для предпринимателя, проектирования и построения такого минимума Любимая Продукт много работы. Но деньги туго, а время денег, так что вы должны быть умными о том, как вы это тратите.
Наша цель: возможность создавать заявку SaaS за 4 дня. Мы не имеем в виду приложение для сброса, которое не значит дальнейшее развитие. Мы считаем, что хорошо разработанные технологии должны обеспечить как долгосрочное развитие, так и очень быстрое развитие: масштабирование и масштабирование вниз Отказ Для большинства проектов нет необходимости в прототипированных технологиях. За исключением случаев, если вы строите космические корабли, но вы этого не сделаете?
Кроме того, мы не любим полагаться на 3-й партийные услуги/Softwares, которые веб-сайты POP за несколько кликов. Если ваш продукт действительно инновационный, вы, скорее всего, чувствуете Ужасно ограничено такими услугами.
Итак, как мы достигаем этого чуда, не используя волшебную палочку? Давайте рассмотрим его через реальный образ жизни, Gestiresto, веб-приложение, которое помогает владельцам ресторана управлять своими рецептами. Сторона примечания: я живу во Франции, мы не шутим о еде здесь, поэтому я действительно взял этот проект в сердце.
1 день: Выбирая наш космический корабль
Познакомьтесь с vulcan.js, aka meteor-on-стероидами
Meteor – это знаменитый полный стек JavaScript Framework. С самого начала он всегда подчеркивал производительность и опыт разработчика. Он пионировал множество удивительных особенностей и узоров, таких как Isomorphic Development (повторно используйте один и тот же сторонней стороной и клиентской стороне сервера кода).
Vulcan.js в основном хорошие элементы Meteor, а также хорошие элементы экосистемы JavaScript, в одном каркасе. Он опирается на новейшие технологии: реагируйте на Frontend, а Apollo (Graphql) для связи клиента/сервера.
Как бонус, он включает в себя много пакетов и примеров для наиболее распространенных функций (отправка информационных бюллетеней, добавление форума и т. Д.). Вулкан является прямым внуком знаменитого Meteor App/Framework Telescope, оно создано Sacha Greif. Таким образом, это выгодно от лет опыта, несмотря на его современность.
Если вы хотите узнать больше о Vulcan и как он помогает сократить время разработки, вы можете оформить заказ Моя предыдущая статья в DailyJS.
Итак, vulcan.js, безусловно, является солидным кандидатом для удовлетворения нашего саморегулирования 4-дневный крайний срок!
Система управления пользователя вне коробки
Одной из самых любимых особенностей Vulcan является его система учетной записи, которую она наследует от Meteor. Он включает в себя регистрацию/вход/выйти из системы, управление разрешениями, рабочими процессами регистрации/забытого пароля (+ программное отправку по электронной почте) и хороший пользовательский интерфейс. Ох, а также довольно легко добавить третью вечеринку авторизы с такими услугами, как Google Oauth Отказ
Управление учетными записями – это действительно то, о чем вы не хотите думать на ранних этапах вашего жизненного цикла приложения. Сколько часов было потеряно настройки Passport.js! Размер платных услуг аутентификации, такие как AUTH0, показывает, что эта проблема еще не решена, поэтому это действительно очень хорошая особенность.
Итак, наш первый день хорошо провел. Теперь у нас есть полная система управления пользователя, включая базу данных, сервер, пользовательский интерфейс и задний офис, и мы создаем приятный материал макета пользовательского интерфейса с оставшимся временем.
День 2: Хостинг
Хостинг на AWS с METEOR UP
Почему хостинг в день 2 уже? Поскольку жизнь научила нас, что это очень плохое представление о том, чтобы проверить ваше приложение в производстве в последний день. В Agile Fashion функция сделана только при подтверждении в реальном контексте жизни. Итак, мы не можем рассмотреть приложение, чтобы быть установленным, если мы не запустили его в производственной среде.
METEOR UP – это замечательный инструмент для автоматического развертывания приложений Meteor (тоже настолько вулканских приложений) на далеком сервере. Он обрабатывает все, от контейнерации приложения с Docker до поколения сертификата SSL с помощью Encrypt. Настройка легко, развертывание является одной строкой командой. Для него едва ли никаких недостатков.
Я выбрал AWS для хостинга. Он имеет большое преимущество предложения бесплатных услуг в течение 12 месяцев. Я должен признать, что у меня были трудные времена, устанавливающие свой первый экземпляр EC2. Однако в Интернете много учебных пособий, и это стоит начальных неприятностей. Кроме того, я сейчас пишу Пакет для включения ежедневной резервной копии базы данных MongoDB на AWS S3 сделать ваши данные в безопасности.
Применение постановки на Zeit теперь + Mongolab
Рано или поздно вам нужно будет проверить, что ваше приложение работает в производстве, не отправляя его на производство. Это то, что мы называем промежуточной средой. Вы можете использовать AWS, но давайте попробуем бесплатное решение вместо того, чтобы сократить расходы.
Теперь служба Zeit хорошо подходит для этого использования. Он предлагает бесплатный хостинг. Вы можете использовать MLAB для базы данных, так как он также предоставляет бесплатную среду песочницы. Если честно, мне нечего сказать здесь, потому что настроек так же просто, как ABC, а полностью Документировано здесь Отказ Даже не ошибка. Какая моя цель как разработчик, если нет ошибок ???
Итак, в конце концов 2 наше приложение находится в производстве, и у нас есть промежуточная демонстрационная среда. Отлично! Это круто, потому что Меньше времени для общих функций – это больше времени для ценных функций.
День 3: Бизнес-логика
Приложение – это куча форм и списков
Теперь давайте приступим к бизнесу. Большинство компонентов приложения могут быть разделены в 3 крупных категориях: список, форма и детали. Эта модель применяется к многим веб-сайтам.
См. Среду: домашняя страница содержит список статей. Эта страница представляет собой страницу «Детали» статьи, которую вы читаете. Внизу вы найдете список комментариев с формой комментариев. Даже кнопка «Аплодисменты» слева (которую я приглашу вас на тщательно нажимающую), является упрощенной формой, такой как компонент.
Хорошие новости: Vulcan включает в себя много помощников, чтобы облегчить создание списка, формы и детали компонентов. Он включает в себя хорошие резольверы GraphQL и React HoCS. Вам едва нужно написать свой собственный. Есть даже несколько комментарий реагирования, которые работают вне коробки. Наиболее продвинутым из них является SmartForm, который автоматически генерирует настраиваемое создание/издание формы для любой коллекции.
Я не буду перечислять все функции vulcan.js, чтобы предложить, но в основном вы можете безопасно доверять ему, чтобы сделать ваш процесс разработки Действительно быстро.
Создание рецепта (или предлагая приложение или публикацию статьи или …)
В жестах на 2 основных функциях создают и листит рецепты. Форма создания рецепта должна отображать статистику. Детали конфиденциальные, поэтому вот скриншот эквивалентной формы, разработанной для Потрясающий вулкан Отказ
Но это не имеет значения, потому что вот точка: Vulcan может автоматически генерировать формы вне коробки для любого типа данных, которые вы можете себе представить, будь то рецепт или вертолет. Я имею в виду, что JSON представление вертолета.
Список рецепта даже проще. Мы сосредоточились на создании хорошего RecipeItem Это позволяет пользователям быстро просматривать информацию рецепта, а также запускать некоторые общие действия (экспортирующие, удаление …). Конечно, он включает в себя текстовый поиск ввода, бесплатно.
День 4: доставить!
Поскольку мы сделали большую часть ценных частей работы на 3-й день, мы оставили последний день для очистки и улучшения приложения. Теперь мы можем реализовать функции «Love-On»: компонент, который автоматически вычисляет окончательную цену вашего рецепта, кнопки, которая генерирует хороший экспорт PDF и домашнюю страницу, которая имеет значение.
В конце концов, мы в течение 5 дней. Клиент только что протестировал приложение вчера вечером, и говорит вам: «Я проверил приложение, это приятно! Я думаю о добавлении функции x к странице y, сколько времени нужно, чтобы добавить компонент z по вашему мнению? … ». И тогда вы знаете, что сделали хорошую работу!
Хотите создать свое собственное приложение за 4 дня?
Посмотрите на наш приложение с открытым исходным кодом Удивительный вулкан . Он обеспечивает многоразовую основу для профессиональных приложений с внешним видом на материал. Это также демонстрирует использование нескольких пакетов, которые мы реализовали.
Я надеюсь, что это поможет вам в вашем путешествии к заявке на 4 дня!
Я соучредитель французской компании Lebrun Burel General Engineering (LBKE) – https://www.lebrun-burel.com.
Всегда рад поговорить о коде, машинном обучении, инновациях и предпринимательстве!
Оригинал: “https://www.freecodecamp.org/news/how-i-built-an-app-with-vulcan-js-in-four-days-6368814077b1/”