После 9 месяцев идей, планирования и разработки и еще 5 лет мычания и ахания, мы очень рады выпустить Make.cm в дикую природу.

Как и большинство вещей, идея Make не была моментом озарения, и лампочка не зажглась волшебным образом. Это было медленное горение.

С середины 2015 года мы создали платформу Outfit.io в солнечном Брисбене, Австралия. Outfit был (и остается — зацените!) платформой управления брендами, обслуживающей некоторые из крупнейших мировых брендов. Мы поставили перед собой задачу решить масштабные проблемы размывания и распространения бренда для крупных корпоративных организаций с помощью надежной технологии шаблонов и обзоров, которую полюбили крупные технологические компании, банки и университеты! Победа в производительности, двойная победа в соответствии с брендом.

Что сейчас представляет собой Make.cm, все началось с Outfit.

Небольшое отступление.

Прошу прощения, если это звучит немного «дерзко» или не по теме, я просто пытаюсь заложить основу! Но если у вас (как и у меня!) концентрация внимания не уступает золотой рыбке с СДВГ, перейдите к разделу Так что же такое, черт возьми, Make.cm?!.

- Джеймс

Наш успех в Outfit заключался в том, как наши клиенты создавали свои шаблоны, которые по сути представляли собой мини-сайты (HTML/CSS/JS). Один и тот же код можно использовать для различных маркетинговых и деловых материалов. Даже самые сложные эстетические и строго предписанные правила бренда могут быть реализованы с помощью кода. Мы построили систему шаблонов с учетом Интернета, чтобы они были гибкими, динамичными и, в конечном итоге, могли быть заблокированы в зависимости от аудитории. Следующие годы мы провели в погоне за крайними случаями. Переход к новым средам в новых контекстах означал проверку пределов нашего стека генерации.

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

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

В Outfit мы были сосредоточены на решении пользовательских проблем для владельцев брендов с помощью предложения SaaS, но как насчет всего остального опыта и программного обеспечения — материалов, которые должны были существовать, но не требовали вмешательства человека под ключ или обучения для достижения цели? Пользователь? Как мы можем помочь разработчикам здесь и помочь им достичь того же качества с безграничным потенциалом?

Так что же такое, черт возьми, Make.cm?!

Make.cm — это API для создания креативных медиа, но это описание подходит только для SEO 🙃.

Проще говоря, Make позволяет:

  1. Разрабатывайте и импортируйте шаблоны (сделанные с помощью React, Vue, Angular или старого доброго HTML/CSS) в Make.cm.
  2. Выполните запрос POST или GET, чтобы установить динамическое содержимое и дополнительные возможности, а затем сгенерируйте этот шаблон в формате PNG, JPG, PDF, Video +).
  3. Тестируйте, наблюдайте и отслеживайте запросы по мере их поступления

Зачем мне это нужно?

Вы, вероятно, сидите и думаете: «Подождите, я уже не могу это сделать?» На что в ответ звучит громкое «Да, конечно!».

Существуют десятки способов инструментирования этих рабочих процессов генерации. API холста существует уже много лет, и такие сервисы, как Headless Chrome и такие сервисы, как Puppeteer, значительно упростили создание и рендеринг PDF-файлов, но инструментирование сквозного потока по-прежнему остается сложной задачей с множеством кроличьих нор. Эти инструменты требуют времени для настройки, самоуверенны с точки зрения как ввода, так и вывода, и, в зависимости от вашего опыта, могут быть совершенно дьявольскими в обслуживании.

Мы все это знаем, потому что прошли через это. Мы используем Headless Chrome для некоторых частей нашего инструментария с Make и Outfit. Мы расширяем возможности обычного стека, чтобы мы могли масштабироваться в соответствии с любым запросом. С Make продукция имеет качество, которое поддерживают некоторые из крупнейших брендов в мире, и мы обязуемся постоянно улучшать его.

В то время как простота является основным двигателем Make, мы многому научились за время нашего путешествия с Outfit и создали Make таким образом, чтобы учесть эти знания.

  • Масштаб: Make будет масштабироваться для тысяч запросов одновременно, сохраняя при этом высокую скорость генерации.
  • Качество. То, что вы видите, не всегда совпадает с тем, что вы получаете при преобразовании веб-контента в другой формат. Мы усердно работали, чтобы попытаться уменьшить эту погрешность до (почти) нуля.
  • Настраиваемость: Make может предложить множество функций подготовки и пост-обработки ваших сгенерированных ресурсов.

То, что мы предлагаем, — это способ сделать все вышеперечисленное в одном API с низким барьером для входа и площадью поверхности размером с простой POST запрос.

const config = { 
  format: ‘PDF’, 
  size: ‘A4’, 
  data: { 
    headline: ‘Hello World’, 
  }, 
  postProcessing: { 
    optimise: true 
  } 
} 
const response = await fetch(‘https://api.make.cm/t/as34rd/make/sync', { 
  method: ‘POST’, 
  headers: { 
    ‘Content-Type’: ‘application/json’, 
    ‘X-Make-Api-Key’: ‘aSdhu86dfg51jhi90’ 
  }, 
  body: JSON.stringify(config) 
}); 
return response.json();

Или еще проще, запрос GET.

https://api.make.cm/make/t/d78aedd1-bac2-4882-9c3d-0761c7f3ecff/k/d32d7c5a-3ba1-4af0-958a-df9ea3b478a8.4b4f5f5451715b7f95e79b3235086bc0/sync?size=A4&format=pdf&postProcessing[optimize]=true&data[headline]=Hello%20World

Скопируйте и вставьте это в свой браузер, если вы мне не верите… Измените некоторые значения, пока вы это делаете.

Сейчас Make.cm находится в публичной бета-версии, и мы будем рады, если вы проверите это здесь.

С бета-версией Make.cm вы можете:

  • Создание и преобразование шаблонов на основе JS (React, Vue, Angular) в конечные точки Make.
  • Создание запросов POST (синхронных и асинхронных) и запросов GET для создания файлов PDF, PNG и JPGS из этих конечных точек.
  • Регистрация всех запросов, сделанных против этих запросов

Создавая Make, мы стремимся значительно снизить барьер для входа, поэтому даже самый младший разработчик интерфейса, который немного знает HTML, CSS и JS, может предоставить своим проектам мощный API генерации.

Приступайте к работе,
Джеймс и команда Make

Make.cm – это продукт компании Outfit, платформы управления брендами для некоторых крупнейших мировых брендов.

Исходный пост можно найти здесь.