Работая с Wix и пытаясь найти лучшего партнера по логистике, мы сузили круг до двух партнеров — Pickrr и Shiprocket. Хотя изначально мы выбрали Pickrr вместо Shiprocket из-за его простой интеграции с Wix с помощью уже доступного плагина, Shiprocket был нашим предпочтительным партнером. Так как у него лучшие тарифы на доставку и лучшая система управления запасами и выполнением заказов. Но в настоящее время нет прямого и простого способа интегрировать его без достаточных знаний в области программирования и API.

Настраивать

Прежде чем приступить к кодированию, нам нужно настроить несколько вещей:

API кораблей

  1. Откройте свою учетную запись Shiprocket и перейдите к настройкам на левой панели.
  2. Нажмите Настройки > API > Настроить > Создать пользователя API.
  3. Во всплывающем меню введите адрес электронной почты (он должен отличаться от того, который использовался для регистрации в ShipRocket).
  4. Введите соответствующий пароль и подтвердите пароль.
  5. Нажмите Создать учетные данные API. После успешного завершения у вас должен быть создан новый API, созданный пользователем.
  6. Теперь вы можете использовать эти учетные данные для получения маркера аутентификации с помощью Authentication API. Этот токен будет использоваться для аутентификации ваших дальнейших вызовов API.

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

Сохранить пароль в Wix Secrets Manager

  • Чтобы получить доступ к диспетчеру секретов, выберите Инструменты разработчика на боковой панели Velo. В разделе безопасности выберите Диспетчер секретов.

  • Нажмите Сохранить секрет.
  • Заполните данные — имя и пароль. Назовите ключ Shiprocket_API_Key.
  • Нажмите Сохранить. После успешного завершения у вас будет сохранен новый ключ.

Немного кода на JS

Переключитесь на Редактор Wix и включите режим разработки. Создайте и сохраните все указанные ниже файлы в папке Backend в разделе Public & Backend.

fetchAuthToken.jsw

Код в этом файле содержит функцию для получения Shiprocket_API_Key из Wix Secrets Manager, аутентификации учетных данных и возврата токена аутентификации.

shiprocket-api.js

Код в этом файле создает соответствующий объект запроса с деталями заказа клиента и использует fetch() API для отправки нового заказа в Shiprocket.

события.js

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

Отладка

Вы можете добавить console.log()везде, где это необходимо. Уже добавил несколько мест. Журналы можно найти в разделе Управление панелью инструментов Wix > Инструменты разработчика > Журналы > Просмотр событий сайта.

Рекомендации