Золотой партнер Битрикс с 2012 года

тел. +7 (900) 125 23 33 email: welcome@x5studio.ru

НЕТИПОВАЯ ИНТЕГРАЦИЯ МАГАЗИНА С БАЗОЙ АВТОЗАПчАСТЕЙ tecdoc; Авторизация по QR-коду

Image description


С 2015 года года сайт находится на нашей технической поддержке и доработках различной сложности.

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

И этот кейс не исключение.

Задача №1

Интегрировать интернет-магазин sezarshop.ru с каталогом авто запчастей TecDoc онлайн с учетом особенностей конкретного магазина по индивидуальному техническому заданию. Адаптировать модуль интеграции под проект. ТехДок - это централизованная база данных, интеграция с которой обеспечивает подбор авто запчастей и асходных материалов, для автомобилей разных марок, модели и году выпуска. Интеграция с централизованной базой Тех Док способствует каталогизации и удобной навигации пользователя по сайту любого интернет-магазина авто запчастей.

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

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


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

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

На этом этапе мы столкнулись с проблемами:

Структура ТЕХДОК представляет собой некую
матрешку и нужный раздел представлен
в нескольких разделах по структуре базы

Отсутствие типовом функционале
инструментов администрирования данного
дерева, без привлечения программиста

.hkjjjjjklj'hjugyurfdtydtyedwsrtsdtfuylgi;.guo;itguirfydftuf

РЕШЕНИЕ ПРОБЛЕМ



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

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


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

ДЛЯ ЧЕГО ВСЕ ЭТО НУЖНО?

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


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

Но это ещё не все


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

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

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

.hkjjjjjklj'hjugyurfdtydtyedwsrtsdtfuylgi;.guo;itguirfydftuf

Задача №2

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

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

Современные телефоны, или специальные приложения, позволяют переходить по ссылке, просто поднеся камеру к QR-коду.

Соответственно, для реализации данной задачи нам было необходимо разработать функционал, который позволит нам авторизовываться на сайте просто переходя по ссылке, так как именно ссылка и шифруется в QR-коде.

Первый же вопрос - как сделать это безопасно.

Второй вопрос - как сделать эти ссылки уникальными.

Решение

Ответом на оба вопроса стало решение генерировать и хранить в ссылке два уникальных ключа, каждый из которых хранит в себе от 25 до 32 символов. Затем нам нужно придумать, как рационально привязывать генерированные уникальные ссылки, которые в дальнейшем станут QR-кодами к аккаунтам пользователей.

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


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

Сгенерированные ссылки (наша первая партия составила 1000 штук), формируются в excel файл, который передавался в типографию, которая производит физические карты и наносит на них уникальные QR-коды.

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