Основы интеграций в Tilda

Привет всем! Я думаю многие мои подписчики уже в курсе как работает код на тильде. Специально для изучения я создал "Документацию", это сборник гайдов и тем, которые помогут начать изучение кода, начать разбираться в модификациях и всей этой теме.

Но чтобы стать супер специалистом, который шарит за абсолютно все моменты в сайтостроении нужно понимать как работает не только статичный код на визуальной части сайта, но и интеграции.

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

И это не сказать, что супер продвинутая штука. Это дефолт, который требуется от нас сегодня.

Новичку на тильде будет очень сложно прочитать данную статью, поэтому рекомендую в самом начале изучить JS, HTML и CSS

Работа с базой данных - это именно тот навык, который выводит обычного разработчика сайта из простого спеца в эксперта.

Начнем с того, что уже почти все тильдошники знают. Это связка Collabza, Make и Airtable.

За что отвечает каждый сервис? Collabza отвечает за работу с запросами и обработкой ответов, Make имеет множество готовых сценарией API и имеет классный конструктор, с помощью которого можно все эти Api связывать. Airtable же в свою очередь база данных.

Это одна из связок.

Но есть более масштабируемый и менее дорогостоящий вариант. Использовать хостинг.

К примеру в связках с готовыми сервисами ваш клиент может потерять до 50 тысяч в год. А на хостинг хватит от 2000 до 6000 в год исходя уже из того какое количество обработок будет использоваться на сайте. Более того, в таком варианте можно создавать более кастомные разработки т.к код на хостинге можно написать абсолютно любой для абсолютно разных и интересных функционалов.

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

А что же с хостингом, какие там связки? Здесь все также:

Вы пишете запросы в T123 на тильде к вашему PHP серверу, который запущен на хостинге (обычно по дефолту при покупке хостинга уже все настроено и работает в этом плане)

PHP Сервер - очень грубо говоря отдельный "сайт" с доменом, на котором все обрабатывается. К примеру тильда вам показывает визуал, а на части в хостинге вы создаете всю обработку и интеграции.

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

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

Средняя цена на хостинг - 200 рублей в месяц, внутри идет база данных, и ваши возможности в коде абсолютно безграничны.

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

Именно так и был создан сервис sendy-get.com

Но там под капотом NodeJS, а не PHP (именно у истории заказов) потому-что сервис делался сразу под хороший поток клиентов. Но готовые решения (на лендинге внизу) сделаны на PHP и просто дополнительно внедряются клиентам.

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

Рассмотрим простой пример как все это выглядит

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

Нас интересует как раз самая первая красная строчка, начнем разбор с нее. Как вы поняли по началу "https://..." - это ссылка, именно ссылка на PHP сервер с нужной обработкой поиска номера.

На скриншоте стандартный запрос на PHP сервер. Черным квадратом я закрыл название сайта для которого делал модификацию, а также домен для безопасности.

А getNumber.php как раз файл-обработчик или же вебхук, который обрабатывает данные и идет на запрос к базе данных. Он лежит прямо на сайте.

После него идет знак вопроса и поле email=...

Все остальное содержит переменную с почтой пользователя. Почту же я получаю выше из строчки var profile = tma__getProfileObjFromLS();

А что находится внутри getNumber.php?

Есть сохраненная база телефонов в csv файле - в данном случае не использовали стандартную базу данных из-за ненадобности. Да, иногда действительно вместо базы хватает файлика с сохраненными данными, будь это csv или json файл.

А объемную базу данных (например MySQL базу данных) лучше подключать когда объем информации будет большой и в целом проект будет масштабироваться.

Вернемся к нашему PHP файлу. Он в самом низу после всей обработки отправляет ответ нашему первоначальному JS коду (тильде). Т.е он либо отправляет $phoneNumber (номер телефона) либо же ошибку, что пользователь с таким email не найден.

Что делает далее JS код после получения ответа?

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

А что мы сможем с этим сделать дальше? Показать пользователю.

Обычным методом innerHTML() в JS изменить контент какого-нибудь текстового элемента с вашим классом в зеро блоке.

Связка Make Collabza и Airtable работают аналогично, только там вы не видите кода. Хотя на деле весь код вы и сами сможете написать совместно с Chat GPT. Более того, когда речь идет о чистом коде и обработки на PHP например, то GPT намного быстрее и качественнее выдает результат.

Как я уже сказал, вариант с PHP дешевле, легче (если разобраться и подучить), и определенно масштабированее. Когда выходит новый сервис с API, то c PHP можно сразу сделать для него интеграцию и обработку, а другие сервисы только когда подумают "А нужна ли людям эта интеграция" Только тогда ВОЗМОЖНО внедрят ее и люди смогут сделать автоматизацию через тот же make например.

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

Более того, на деле самый адекватный путь к тому, чтобы стать действительно сильным экспертом в области разработки сайтов - стоит начать писать код.

Код это круто, дорого, функционально, масштабируемо.

Изучив PHP, работой с хостингами, работу с MySQL - вы научитесь создавать абсолютно любые интеграции.

• Научитесь понимать API любого сервиса
• Научитесь работать с нормальной масштабируемой и более серьезной базой данных MySQL
• Научитесь писать на PHP абсолютно разные обработки любого уровня
• Научитесь создавать свои связки и вебхуки с тильдой
• Поймете как создавать продвинутые личные кабинеты с сохранением любых кастомных данных
• PHP и MySQL до сих пор двигают огромную часть интернета (WordPress и т.д), а значит, чтобы более востребованной работы у вас станет гораздо больше
• Быстрый старт и низкий порог входа — можно создать рабочий веб-проект за считанные дни. Отлично подходит для быстрого MVP.
• Миллионы готовых решений, библиотек, форумов и документации для любой задачи. То-есть вам даже порой не придется писать чего-то с нуля, сможете связать с тильдой крутой функционал, который уже работает, не переплачивая за сервисы и все остальное
• Дополнительно с PHP можно писать скрипты для парсинга, рассылок, обработки заказов и других рутинных процессов