Разработка сайтов в Москве, МСК. 100 инструментов, API и сервисов Jamstack для поддержки ваших сайтов

Мы рассказали о Jamstack — новом популярном способе создания безопасных, масштабируемых и высокопроизводительных сайтов. Теперь мы познакомим вас с инструментами, службами и API, на которых работают сайты Jamstack.

Буква A в Jamstack означает API. API-интерфейсы могут сделать для вас все, от отправки формы до аутентификации пользователя или от хранения и извлечения данных в режиме реального времени до покупки продуктов.

В этой статье мы сделаем подробный обзор существующих API и их сравнение друг с другом. Этот обзор не может охватить весь спектр сторонних API, которые вы можете интегрировать в свой веб-сайт, но, надеюсь, вы все равно найдете его достаточно информативным.

В этой статье мы будем часто использовать слова «безголовый», «отдельный» и «бессерверный». Если вы еще этого не сделали, ознакомьтесь с нашим введением в Jamstack, которое охватывает все основы.

Хостинг (в основном бесплатно)

Предоставлено: Netlify

Размещение сайта Jamstack обычно включает автоматизированные конвейеры развертывания. Например, у вас может быть репозиторий в GitHub, который при каждом нажатии автоматически запускает онлайн-развертывание (через веб- перехватчики), запускает необходимые инструменты сборки (такие как Jekyll) и регрессионные тесты (через Travis CI).

Звучит сложно? Это может быть удивительно простой процесс!

Большинство услуг здесь включают в себя эти вкусности из коробки:

SSD диски

Развертывание CDN

бесплатный SSL (в том числе для пользовательских доменов)

развертывания и откаты командной строки

Примечание: скоро появится еще одна статья из этой серии, посвященная использованию этих сервисов.

Услуги

Google Firebase и AWS Amplify

Firebase Hosting — это хостинговая служба Google, которую легко понять и реализовать, и которую можно использовать бесплатно (применяются ограничения). Основа Firebase на самом деле лежит поверх Google Cloud Platform (GCP), и вы можете получить доступ к некоторым развертываниям Firebase и настроить их через консоль GCP. Но внедрив что-то вроде «шлюза» (Firebase), который прозрачно обрабатывает ресурсы GCP для нас, Google предоставил разработчикам совершенно новый и значительно улучшенный пользовательский интерфейс (UX)... и канал Firebase на YouTube просто великолепен! 👏

AWS Amplify также является попыткой упростить Amazon Web Services (AWS) для веб-развертывания и мобильного развертывания, которые предлагают не совсем бесплатный хостинг, а 12 месяцев бесплатного использования новых учетных записей для своего хранилища с Amplify в рамках бесплатного AWS. Уровень.

Google действительно сделал блестящий шаг с семейством продуктов Firebase, «отсоединив» их от GCP, но Amazon пошел на полпути с AWS Amplify. Это, безусловно, значительное улучшение по сравнению с обычным рабочим процессом AWS, особенно для начинающих пользователей, и его центр документации превосходен и намного более приземлен, чем-то, как Amazon обычно документирует услуги. Но доступ к Amplify по-прежнему осуществляется из той же старой (ужасно раздутой) консоли. Вам по-прежнему нужна кредитная карта, чтобы просто открыть учетную запись, развертывание по-прежнему зависит от региона (без встроенной CDN, серьезно?), а рабочий процесс не так прост по сравнению с Firebase или Netlify.

Страницы GitHub и страницы GitLab

Оба сервиса хостинга для репозиториев Git также имеют встроенный сервис для размещения статических страниц прямо из ваших кодовых баз, абсолютно бесплатный: GitHub Pages и GitLab Pages.

В следующей статье мы расскажем, как использовать эти сервисы, а пока обязательно ознакомьтесь с этими простыми в использовании руководствами:

Начало работы со страницами GitHub

Хостинг на GitLab.com с GitLab Pages

Netlify и Heroku

За очень короткий период времени Netlify не только придумал термин Jamstack, но и позиционировал себя как место, где можно найти все статичное. Хотя вы, безусловно, могли бы добиться большего с помощью продуманного конвейера AWS, простота и непревзойденная легкость использования, которые предлагает Netlify, непревзойденны. Хотите разместить статический сайт? Просто бросьте его сюда, и он онлайн. Хотите автоматические обновления? Свяжите репо и просто нажмите коммит. Включены батареи — мгновенные сборки, всемирная CDN, бесплатный SSL, инструмент CLI, откат по клику и многое другое.

Heroku — единственный сервис в этом списке, который позволяет размещать динамические страницы: Node.js, Ruby, Python, Java, PHP, Go, Scala и Clojure (проверьте ихстраницу языковой поддержки). Поэтому, если вы еще не совсем готовы к статике, это может быть хорошим способом бесплатно протестировать ваши динамические сайты в Интернете.

Другие услуги

Имея 194 центра обработки данных по состоянию на 2020 год, Cloudflare — по многим показателям — является компанией, которая предлагает самую низкую задержку для своих служб DNS и CDN по всему миру. Они обслуживают крупные компании, но также имеют ряд сервисов, ориентированных на разработчиков, например Workers Sites. Услуга не бесплатна (минимальная плата 5 долларов в месяц), но она настолько эффективна, насколько это возможно, и довольно проста в использовании.

Другие инструменты, предназначенные для статических страниц, включают Aerobatic, который предлагает бесплатную пробную версию без необходимости кредитной карты и поддерживает интернационализацию (i18n) и встроенные плагины полнотекстового поиска; Surge.sh со скриптами запуска npm и сервисами CI; и Vercel (ранее ZEIT Now) с пограничной сетью, обслуживающей такие известные компании, как Twilio и The Washington Post.

Сравнение

Услуга Бесплатный план Простота в использовании Инструменты

Высший пилотаж 1 месяц легко хорошо

Хостинг Firebase да легко очень хороший

Страницы GitHub совершенно бесплатно легко бедных

Страницы GitLab совершенно бесплатно легко хорошо

Героку да несколько легко очень хороший

Нетлайф да очень легко очень хороший

Хранилище с Amplify 1 год (новые аккаунты) несколько легко очень хороший

Surge.sh да легко хорошо

Версель да легко хорошо

Рабочие сайты нет несколько легко хорошо

Хранение и извлечение данных: базы данных NoSQL в реальном времени

Решения NoSQL, такие как MongoDB, уже некоторое время сосуществуют с реляционными базами данных, такими как MySQL (см. различия и способы выбора), но обработка в реальном времени выводит NoSQL на новый уровень, позволяя облачному хранилищу управлять состоянием, например, когда пользователь вводит свои данные. имя или щелкнув переключатель.

Если вы знакомы с Redux и Vuex — библиотеками React и Vue.js для управления состоянием соответственно — подумайте об интеграции этой концепции с поставщиком облачных хранилищ.

Услуги

Amazon DynamoDB — это «полностью управляемая, многорегиональная, многоуровневая, надежная база данных со встроенными функциями безопасности, резервного копирования и восстановления, а также кэшированием в памяти для приложений масштабирования в Интернете». Но, как и многие другие вещи AWS, его сложно внедрить и очень сложно отлаживать (см. «Почему Amazon DynamoDB не для всех «, Форрест Бразил). Отдавая должное Amazon, они также встроили DataStore в AWS Amplify (с поддержкой GraphQL и REST API) с более простым подходом, соответствующим простоте остальных продуктов Amplify.

Google Firestore сделал базы данных NoSQL в реальном времени — довольно сложная тема сама по себе — настолько простыми, насколько это возможно, со всеми возможностями DynamoDB. Это очень хорошо задокументировано (с вступительными клипами, которые интересно смотреть). А у React и Vue.js есть обертки вокруг Firestore с react-redux- firebase и Vuexfire соответственно.

Cloudflare точно знает, как довести производительность до предела, и Workers KV, бессерверное хранилище ключей и значений для приложений, является прекрасным примером того, как выглядит хорошо спроектированный продукт. Предпосылка Workers KV заключается в том, что вы можете получить доступ к ключу, как если бы это был локальный файл в вашем приложении, и содержимое будет значением, сохраненным для этого ключа. Вот и все — никакого API для реализации, никакого лишнего кода. И из-за непревзойденной производительности Cloudflare CDN этот подход на самом деле может быть быстрее, чем запросы к базе данных NoSQL. И как бы это ни было просто, оно легко масштабируется до миллионов запросов. 👏

И, наконец, есть FaunaDB, стартап, который создал решение с собственным GraphQL и простой ценой (включая бесплатный план), которую можно внедрить за считанные минуты.

Управление контентом: Headless CMS

В «монолитном» способе ведения дел всякий раз, когда мы использовали данную систему управления контентом, такую ​​как WordPress, Django или Joomla! — это означало, что нам также нужно было использовать внешний движок, который был прикреплен к нему, так как задний и внешний интерфейс были «связанными» компонентами одной части программного обеспечения (см. наше введение в Jamstack для получения дополнительной информации о плотном и свободном парные сайты).

Введите headless CMS — только бэкенд без фронтенда. Поскольку безголовая CMS обычно предоставляет API или генерирует статический контент в виде файлов Markdown или HTML, внешний интерфейс может быть где угодно. Фактически, для веб-сайтов, мобильных приложений и приложений Интернета вещей (IoT) можно создать несколько одновременных интерфейсов.

Продукты и услуги

Существует ряд безголовых CMS, как в виде программного обеспечения, которое вы можете загрузить и настроить, где вы сами выполняете развертывание, так и в модели «программное обеспечение как услуга» (SaaS), где обо всем позаботятся за вас.

Некоторые функции, которые вы можете ожидать найти:

локализация (l10n) и интернационализация (i18n)

микросервисная архитектура с RESTful API

интерфейс редактора

настройка

версия *

* Поскольку некоторые безголовые CMS легко интегрируются с вашим репозиторием git, возможность управления версиями может быть значительным улучшением по сравнению с обычной CMS.

Самостоятельная безголовая CMS

Ghost, «безголовая CMS Node.js с открытым исходным кодом № 1», безусловно, имеет наибольшее количество звезд на GitHub. Ghost не только может обрабатывать контент, но также предлагает ряд интеграций для управления платежами (Stripe), списками адресов электронной почты (MailChimp), покупками (Shopify) и многим другим. А еще есть Ghost (Pro) — официальный управляемый хостинг для Ghost с коммерческой поддержкой.

Довольно близко к Ghost по популярности находится Strapi с API-интерфейсами REST и GraphQL и развертыванием в один клик на Heroku, AWS и DigitalOcean. У него есть «стартеры» (шаблоны проектов) для беспрепятственной работы с Gatsby, Vue.js с Nuxt.js, React с Next.js и Angular. Он также работает на Node.js и поддерживает ряд механизмов баз данных.

Netlify CMS также является популярным вариантом, созданным как одностраничное приложение React. Есть Directus, который объединяет пользовательские базы данных SQL с API и предоставляет интуитивно понятное приложение администратора для управления своим содержимым, а также коммерческий компаньон Directus Cloud. Есть также TinaCMS, которая также основана на React, и Ponzu, Copckpit и многие другие, которые вы можете изучить в исчерпывающем списке, предоставленном headlesscms.org.

Безголовая CMS SaaS

CloudCannon — это облачная CMS для Jekyll (мы рассмотрим Jekyll позже в разделе «генераторы статических сайтов») с плавной интеграцией с GitHub, Bitbucket и Dropbox. У них также есть бесплатный план, но без глобального хостинга CDN.

Contentful — это нечто иное: центр контента, где владельцы бизнеса, маркетологи, разработчики и менеджеры проектов могут установить и управлять всеми источниками данных организации. И их безголовая CMS — лишь часть этой стратегии. Платформа Contentful полнофункциональна, очень хорошо документирована и содержит множество инструментов с открытым исходным кодом. И хотя цены немного сбивают с толку, на самом деле есть бесплатный план, который требует только указания авторства.

Существуют и другие безголовые CMS SaaS с бесплатными планами, такие как DatoCMS и Sanity с предложением, аналогичным предложению Contentful; Forestry с поддержкой ряда статических генераторов; GraphCMS с поддержкой GraphQL; и призмик. Это лишь некоторые из многих вариантов.

Отправка информации: формы без кода

Отправка данных через формы всегда была одним из основных способов обработки на стороне сервера. По сути, есть два подхода к решению этой проблемы на статическом сайте, каждый со своими плюсами и минусами.

Из конструкторов, встроенных и размещенных форм

Во многих случаях интеграции внешней формы «на основе» более чем достаточно для сбора адресов электронной почты или получения отзывов.

Google Forms предлагает эту возможность с 2008 года совершенно бесплатно, с простым интерфейсом, который хранит отправления в Google Sheets и может отправлять оповещения по электронной почте каждый раз, когда есть представление.

Formstack выводит формы на новый уровень, предоставляя интегрированный рабочий процесс, поддерживающий цифровые подписи, создание документов, интеграцию с Salesforce и многое другое. Они предлагают бесплатную пробную версию, но не бесплатные планы.

Тогда у вас есть чрезвычайно простые в использовании конструкторы форм JotForm и Wufoo, которые, среди прочего, интегрируют обработку платежей, или Typeform, который делает формы и опросы... красивыми? Все они предлагают бесплатные планы.

Внешний API: обработка форм как услуга (FPaaS)

Иногда конструктор не подходит, так как вам нужно больше гибкости для представления информации и полей или полной интеграции внешнего вида формы с остальной частью вашего веб-сайта. Для этого вам нужно будет интегрировать API.

Принцип работы этих сервисов на удивление прост: вы указываете URL-адрес для отправки, который будет выполнять обработку за вас. В лучшем случае вам нужно будет настроить несколько вещей, но, скорее всего, вам не понадобится дополнительное кодирование.

Есть ряд провайдеров, предлагающих бесплатные планы, такие как Form.IO, Formcarry, Formspark и Netlify Forms. Все они работают одинаково и очень просты в реализации.

FormDen и FormKeep также являютсяконструкторами форм, которые в противном случае можно использовать просто как серверную часть, хотя ни один из них не предлагает бесплатные планы.

Программирование серверной логики: функция как услуга (FaaS)

Не удалось найти API, который делает именно то, что вам нужно? Создать это! Вам не нужно возвращаться к размещенной серверной системе для обработки серверной логики со всеми сопутствующими хлопотами (обслуживание, счета, учетные данные, исправления безопасности). Вместо этого вы можете реализовать микросервис на выбранном вами языке (часто это JavaScript, Python или Go), инкапсулировать эту логику в функции и предлагать их через RESTful API.

Как и почти все остальное в этом списке, вы ничего не будете платить за функцию, которая не используется активно, поэтому не беспокойтесь о том, что она просто останется там (но имейте в виду, что всплески трафика также могут привести к дополнительному выставлению счетов).

Провайдеры

Хотя детали реализации для AWS Lambda, Azure Functions и Google Cloud Functions могут различаться, все они работают практически одинаково, и вам потребуется некоторое знакомство с AWS, Azure или GCP. AWS Lambda имеет самую богатую языковую поддержку из всех (а также Amazon API Gateway, который поможет вам обернуть ваши функции в поддерживаемый API с инструментами мониторинга), в то время как Azure, что неудивительно, имеет лучшую поддержку для.NET Framework и.NET Core (с разными версиями, поддерживающими разные среды выполнения и даже TypeScript, транспилированные в JavaScript). Но имейте в виду, что Azure систематически считается самым медленным сервисом с отрывом.

Облачные функции для функций Firebase и Netlify — это оболочки для облачных функций Google и AWS Lambda соответственно. Они значительно упрощают управление функциями в облаке, так как вы эффективно можете уйти, даже не имея учетной записи на таких сервисах. Развертывание кода и управление версиями становятся тривиальными с Netlify, который также имеет очень хорошую поддержку сообщества, поскольку он легко интегрируется с вашим этапом предложения репо, предварительным просмотром и откатом одним щелчком мыши (или фиксацией). Простота, естественно, достигается за счет потери некоторой гибкости (см. Firebase Cloud Functions: the great, meh, and the ugly Пьера Бовера).

IBM Cloud Functions (на основе Apache OpenWhisk) и Cloudflare Workers — это другие сервисы, на которые стоит обратить внимание. У IBM впечатляющий список поддерживаемых языков, включая возможность развертывания контейнеров Docker с собственной средой выполнения. Тем не менее, он получил несколько низкие оценки по производительности. И точно так же, как Netlify систематически делает вещи максимально простыми, Cloudflare снова делает вещи самыми быстрыми (и с разницей).

Сравнение

услуга языки накладные* холодный запуск* трудность поддерживать

АВС Лямбда C#, Go, Java, JavaScript, PowerShell, Python, Ruby 86 мс 🟢 589 мс высоко 👍 очень хорошо

Функции Azure C#, F#, Java, JavaScript и TypeScript, PowerShell, Python 760 мс 🔴 5907 мс 🔴 высоко 👎 очень плохо

Облачные функции для Firebase JavaScript и TypeScript 642 мс 🔴 168 мс низкий 👍 очень хорошо

Рабочие Cloudflare JavaScript, КОБОЛ 70 мс 🟢 76 мс 🟢 средний средний

Облачные функции Google Go, Java, Node.js, Python 642 мс 🔴 168 мс высоко 👍 очень хорошо

Облачные функции IBM Контейнеры.C#, Go, Java, JavaScript, PHP, Python, Ruby, Swift и Docker 136 мс 2103 мс 🔴 высоко нет информации

Сетевые функции Перейти, Node.js 86 мс 🟢 589 мс очень низкий 👍 очень хорошо

* Согласно λ Serverless Benchmark, накладные расходы — это время от запроса до ответа без учета времени, затраченного функцией (для параллелизма 50), а холодный запуск — это время, необходимое серверам для ответа, когда запросы охватываются каждые 3 часа; чем ниже значения, тем лучше.

Аутентификация пользователей: идентификация как услуга

Идентификация как услуга (IDaaS), также иногда называемая аутентификацией как услугой (AaaS), включает в себя управление полной регистрацией, подтверждением и аутентификацией пользователя только с помощью API. Суть «аутентификации без сохранения состояния» заключается в том, что пользователь проходит аутентификацию против третьей стороны и возвращается к вам с действительным «токеном», который вы можете проверить или отозвать, если это необходимо.

В некоторых случаях поставщик может даже предложить «встраиваемый» пользовательский интерфейс (UI), который будет без проблем работать на настольных и мобильных устройствах, что потенциально может сэкономить вам очень много часов работы.

Услуги

Auth0 работает дольше всех и имеет краткие руководства для ряда сценариев. Это отличный провайдер, если вы хотите реализовать сложное решение и уже имеете некоторый опыт реализации аутентификации. Но, как они отмечают, «идентичность сложна, смирись с этим». Широкий спектр служб Auth0 (универсальный вход в систему, единый вход (SSO), многофакторная проверка подлинности, определение пароля филиала и т. д.) может быть ошеломляющим, если вы только начинаете изучать эту тему.

Firebase Authentication (с его готовым к использованию пользовательским интерфейсом) и Authentication with Amplify также очень всеобъемлющи и гибки и представлены в несколько более простом виде, чем Auth0. Firebase также предлагает анонимную аутентификацию! Любопытный? Посмотрите этот клип:

И снова Netlify, похоже, предлагает самое простое решение для реализации с помощью Netlify Identity и его виджета с нулевой конфигурацией с открытым исходным кодом netlify-identity-widget для создания безопасного входа в систему за 10 минут! Но, конечно, есть некоторые ограничения (посмотрите «Четыре нарушителя сделок» в Netlify Identity Джин Кокрейн).

Вы также можете проверить Okta, FusionAuth и LoginRadius, все из которых имеют бесплатные планы. Нет халявы для Ping Identity, OneLogin и Ubisecure, которые больше ориентированы на корпоративный сектор. Наконец, рассмотрите Cloudflare Access, так как все, что делает Cloudflare, надежно.

Going F·A·S·T: генераторы статических сайтов (SSG)

Я слышу, как некоторые из вас говорят: «Все это может подойти для будущих проектов, но мои сайты уже динамичны, так что же делать?» Вот когда на сцену выходят генераторы статических сайтов.

Вы можете получить лучшее из обоих миров — удобство знакомой CMS и статические страницы с разделением кода и данных, предварительной загрузкой, кэшированием, оптимизацией изображений и всевозможными улучшениями производительности. SSR восполнит этот пробел, запросив вашу базу данных и сгенерировав из нее статический вывод (например, страницы Markdown), и с некоторыми настройками для установки вашего шаблона все будет готово.

Список здесь крошечный по сравнению с постоянно растущим списком SSR. Взгляните на StaticGen для получения дополнительной информации.

Основные продукты

GatsbyJS работает на основе React.js и веб-пакета, что означает, что он может создавать прогрессивные веб-приложения (также известные как PWA, веб-сайты, которые выглядят и работают как приложения). Он также поддерживает GraphQL (см. «Написание приложений с улучшенными строительными блоками») и имеет более 1000 плагинов для получения данных из любого места (WordPress, Drupal, Contentful, GraphCMS, DatoCMS и многие другие). Посмотрите, как GatsbyJS говорит, что он сравнивается со своими основными конкурентами, Hugo и Jekyll.

За всю эту гибкость приходится платить, так как установка и настройка GatsbyJS может занять много времени, и если у вас нет достаточного понимания React — и, следовательно, JavaScript — вы не сможете извлечь из этого большую пользу... Именно здесь на помощь приходит Gatsby Cloud, предлагающий поддержку для создания и обслуживания сайтов Gatsby бесплатно или за плату, где вы можете автоматизировать свои быстрые сборки, получить доступ к предварительным версиям, создавать ежедневные изменения и запускать развертывание с легкостью в Netlify, Cloudflare, AWS CloudFront. или Акамай.

Hugo утверждает, что это «самый быстрый в мире фреймворк для создания веб-сайтов», и он, несомненно, может генерировать огромные сайты за миллисекунды. Благодаря встроенным шаблонам (их доступны буквально сотни) и встроенной поддержке интернационализации (i18n) это также одна из самых популярных SSG. Hugo — это приложение для Go, и хотя Go несложно настроить и изучить, вам обязательно нужно будет часто проверять документацию, если вы не знакомы с ним.

В отличие от GatsbyJS, настройка и развертывание Jekyll — довольно простой процесс. Кроме того, Jekyll — единственный SSR, поддерживаемый GitHub Pages (Том Престон-Вернер, создатель Jekyll, также является соучредителем GitHub), и может беспрепятственно бесплатно развертывать статические сайты прямо из ваших репозиториев GitHub! Jekyll использует язык шаблонов Shopify Liquid, который также прост в освоении. Недостатки? Как приложение Ruby, Jekyll может быть сложно настроить в среде Windows, а такие оптимизации, как минимизация кода JavaScript и предварительная загрузка изображений, не включены по умолчанию. На самом деле, Jekyll даже не нацелен на создание PWA, а только на чисто статические сайты — что может подойти в зависимости от того, что вам нужно.

Сравнение

Продукт Язык Шаблоны Параметр Звезды GitHub

ГэтсбиJS JavaScript React.js трудный

Хьюго Идти Иди (библиотека) средний

Джекилл Рубин Жидкость легко

Другие

WP2Static — это SSR, разработанный специально для WordPress (WP). Он имеет небольшой, но очень интересный набор плагинов, таких как поиск Algolia, а также развертывания Cloudflare Workers и Netlify. HardyPress на самом деле представляет собой SaaS-решение для создания статических сайтов WP, и за определенную плату у вас будет панель администратора, откуда вы сможете вводить некоторые учетные данные для доступа к своим онлайн-установкам WP, чтобы управлять всем: отключать живые установки WP, которые уже были импортированы, прозрачное развертывание в глобальной сети CDN, HTTPS, формы, поиск. Другими связанными с WP SSG с коммерческой поддержкой являются Shifter, Strattic и Sitesauce.

Поскольку я, по общему признанию, предвзято отношусь к Vue.js, мне пришлось включить VuePress, который предназначен для создания одностраничных приложений (SPA) и имеет минимальную настройку с файлами, ориентированными на уценку, а также работает на основе webpack. Gridsome и Nuxt.js — более популярные фреймворки на базе Vue.js с возможностями SSR.

Продажа и обработка платежей: безголовые тележки для покупок

Архитектура и преимущества безголовой электронной коммерции не сильно отличаются от таковых у безголовой CMS: значительное снижение затрат (хостинг, лицензии, обслуживание), меньше времени на выход на рынок, бесшовная интеграция и — что важно для коммерции — многоканальные возможности.

Безголовые тележки для покупок существенно отличаются от таких сервисов, как Shopify, поскольку вы не привязаны к витрине магазина и можете перемещать данные на различные носители и из различных источников. Провайдер безголовой электронной коммерции не имеет мнения о том, как вы представляете свой контент или получаете доступ к своим данным, и не имеет над ним контроля.

Именно это обеспечивает многоканальную стратегию, в которой вы можете не только доставлять контент по нескольким каналам (веб, мобильные устройства, IoT), но и централизовать управление процессами по разным каналам для целостного улучшенного UX. Имейте в виду, что исследования, проведенные Harvard Business Review и Aspect Software, показали, что такие стратегии обеспечивают значительное преимущество по сравнению с «многоканальным» или «только онлайн-подходом».

Услуги

Foxy.io и Snipcart предоставляют простой сервис, который смехотворно легко интегрируется в различные форматы. Foxy.io работает по подписке, тогда как Snipcart взимает процент с транзакций.

На более корпоративном уровне Elastic Path предлагает услуги безголовой электронной коммерции для автомобильной, производственной и медицинской отраслей, среди прочего. А Salesforce Commerce Cloud использует платформу Salesforce для безголовой электронной коммерции в режиме «бизнес-потребитель» (B2C) и «бизнес-бизнес» (B2B).

Поиск того, что вы хотите: поиск как услуга

Веб-поиск также можно интегрировать в наши веб-сайты с помощью функции поиска как службы, позволяя третьей стороне выполнять индексацию и сортировку результатов за нас.

Пользовательский поиск Google (и его ребрендинг как Программируемая поисковая система) был пионером в этой области, но, несмотря на то, что он был очень прост в использовании и внедрении, он плохо интегрировался с внешним видом сайта, а результаты поиска зависели от того, что Гугл уже проиндексировал.

Есть Elasticsearch с управляемыми решениями, такими как Amazon Elasticsearch Service, и другие сервисы на основе ИИ, такие как Azure Cognitive Search, Amazon Kendra и Amazon CloudSearch и Apache Solr. И все они превосходны и дадут отличные результаты, если их правильно реализовать. Но именно в этом проблема — в реализации. Для создания решения, которое действительно работает, требуется качественное время и навыки.

Товары

Algolia — это единственная служба, которая вывела интегрированный поиск на новый уровень благодаря сверхбыстрому API поиска, который можно использовать в ряде ситуаций (сайт, голос, гео, мобильные устройства, электронная коммерция, медиа и т. д.). Он предлагает щедрый бесплатный план «Сообщество».

Klevu и Sooqr Search — это поисковые решения, специально предназначенные для электронной коммерции, которые упрощают знакомство покупателей с предлагаемыми вами продуктами. Sooqr предлагает бесплатный план для 100 уникальных продуктов, а Klevu — нет.

Expertrec и Swiftype — это другие сервисы, которые вы, возможно, захотите проверить для поиска по сайту и приложению. Однако бесплатных планов нет.

Будьте в курсе: уведомления

Наличие стратегии для общения по нескольким каналам является ключом к стимулированию взаимодействия с пользователем, но еще лучше объединить их программным способом с единым API для отправки сообщений на всех платформах.

По сути, вы можете использовать четыре дополнительных пути:

Мобильное push -уведомление — это очень заметный способ отправки (надеюсь) релевантных сообщений, чтобы пользователи возвращались в ваше приложение.

Веб-пуш следует тому же принципу, но для десктопных и мобильных браузеров.

Сообщения в приложении — это еще один способ удержать подписчиков, предоставляя помощь, которая может понадобиться вашим пользователям.

И электронная почта, потому что даже в 2020 году, со всеми мгновенными сообщениями и социальными приложениями, электронный маркетинг по-прежнему актуален.

Услуги

Вы когда-нибудь слышали, что большинство людей думают, что они выше среднего? Похоже, что компании тоже склонны к предвзятости, поскольку OneSignal, Pushwoosh и Truepush провозглашают себя «сервисом push-уведомлений № 1». В любом случае, все они имеют щедрые бесплатные планы (и множество маркетинговых идей, позволяющих получить данные, которые вы отправляете через них), а OneSignal предлагает больше интеграций.

Вы также можете проверить Airship, Catapush, Leanplum, Pushover и многие другие...

Кроме того, если вы уже используете Google Firebase, вы можете взглянуть на облачные сообщения и обмен сообщениями в приложении. Аналогично, для AWS Amplify отметьте Push-уведомления.

Дополнительно: Получение информации с помощью Analytics

Google Analytics для Firebase — это что-то вроде оболочки Google Analytics для мобильных устройств, а также для упрощения работы в Интернете. Он управляется из удобной консоли Google Firebase.

Netlify Analytics действительно имеет здесь преимущество. Это так просто настроить, что на самом деле нет никакой настройки! Единственное требование для использования сервиса (помимо оплаты 9 долларов в месяц за сайт) заключается в том, что вы уже разместили свой сайт в Netlify. При этом у них уже есть вся необходимая информация «прямо из источника правды», чтобы представить вам статистику — без кода JavaScript, без файлов cookie, без отслеживания пикселей. Хотя это не масштабируется для мобильных приложений, как это делает Google Analytics для Firebase, оно предлагает лучшую производительность (не влияет на время рендеринга) и более точные цифры (сеанс выполняется на сервере, а не на клиенте).

Аналитика с Amplify — это подход Amazon к сервису, который работает почти так же, как Google Analytics для Firebase, работая на Android, iOS и в Интернете.

Выводы (или Зачем платить за то, что можно разработать самостоятельно?)

Если вы зашли так далеко, вы, вероятно, заметили, что большинство сервисов, которые мы рассмотрели, можно использовать бесплатно до определенного момента, когда ваш сайт или приложение начинает работать. Так почему бы не разработать собственное решение для поиска или аутентификации или управлять собственным сервером и создавать специальные уведомления, которые вам нужны?

Ну вот вопрос: вы замечали, что даже огромные корпорации с лучшими ИТ-отделами, которые можно купить за деньги, также пользуются этими услугами?

Twitch использует Алголию

Spotify и Airbnb используют GatsbyJS

Atlassian использует Auth0

Netflix использует CloudCannon

Алибаба использует Firebase

Mozilla использует Ghost

почти все используют AWS и Cloudflare

...И так далее, и так далее

Главный вопрос заключается в том, действительно ли вы собираетесь сэкономить деньги и/или получить больший контроль, перенаправив свои ресурсы и сосредоточившись на решении проблемы, которая не является основной для вашего бизнеса и которую уже решил кто-то с более квалифицированной командой? Если да, то дерзайте! Или же вы можете принять ценник, забыть об этой проблеме и перейти к следующей.

Делитесь нашими материалами с друзьями!

 

 

Заказать разработку сайта