Интеграция PrestaShop с Vue Storefront готова!

Мы с гордостью объявляем об интеграции Prestashop с Vue Storefront. Интеграция была создана нашим партнером по сообществу Binshops, и она полностью с открытым исходным кодом.

В этой статье мы сделаем небольшой обзор интеграции PrestaShop с Vue Storefront, а также кратко рассмотрим необходимые условия и доступные функции.

За годы своего существования PrestaShop стал известным, надежным и популярным решением для электронной коммерции.

Теперь интеграция PrestaShop с Vue Storefront позволяет владельцам магазинов использовать возможности PrestaShop вместе с Vue Storefront, создавая бесшовный безголовый опыт для своих пользователей.

Идея проста: ядро электронной коммерции от PrestaShop и витрина магазина с помощью Vue Storefront. Таким образом, мы получаем лучшее из обоих миров.

Интеграция PrestaShop имеет открытый исходный код и доступна на GitHub, а документацию можно найти на https://docs.vuestorefront.io/prestashop/.

Как вы знаете, PrestaShop поставляется с функцией Webservices из коробки. Но Webservices API предоставляет доступ к таблицам и моделям баз данных, что очень удобно для интеграции таких приложений, как бухгалтерские приложения.

Мы в Binshops создали модуль REST API, который дает нам возможность получать API для бизнес-логики, например, API для получения избранных товаров, категорий и поиска.

Модуль использует фронтальные контроллеры PrestaShop, поэтому нет существенной разницы между контроллерами REST API и стандартными контроллерами. В REST API они просто возвращают JSON вместо HTML, перенося всю мощь ядра PrestaShop в API.

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

Также, как и классическая тема PrestaShop, этот PWA зависит от некоторых встроенных модулей. Вот список модулей:

  • Модуль меню: для загрузки категорий для меню
  • Модуль комментариев к товарам: для списка и создания комментариев
  • Модуль поиска по граням: для фильтрации и поиска товаров
  • Представленные товары

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

Присоединяйтесь к нам в этом проекте сообщества и помогите развить его еще больше!

Присоединяйтесь к каналу Vue Storefront Discord и заходите на канал #prestashop для любых вопросов, связанных с интеграцией.

Что включено в первоначальный релиз

Интеграция PrestaShop — это постоянный проект, и текущая версия (1.0.0) поддерживает основные функции PrestaShop. Давайте проверим, что включено в начальный релиз.

  • Аутентификация
    • Вход/регистрация/выход
  • Управление корзиной
    • Обновление корзины — Добавить в корзину — Удалить из корзины
    • Удалить определенный продукт
  • Профиль пользователя
    • Информация об аккаунте/редактирование
    • Изменение пароля
    • История заказов
    • Детали заказа
  • Каталог
    • Детали продукта
      • Комбинации продуктов
      • Характеристики продукта
      • Список комментариев (модуль комментариев продукта)
      • Добавить комментарий (модуль комментариев к товарам)
    • Категория продуктов
    • Поиск продуктов (модуль поиска по лицам)
    • Фильтры товаров / Поиск по лицу (модуль поиска по лицу)
  • Оформление заказа
    • Войти / Создать учетную запись
    • Адрес
      • Создать адрес
      • Удалить адрес
    • Получить перевозчиков и выбрать одного
    • Варианты оплаты: оплата чеком — банковский перевод
  • Главная
    • Меню: категории (модуль Menu)
    • Популярные товары (модуль Популярные товары)

Как использовать интеграцию

Перед началом работы убедитесь, что у вас установлен Node 14 или выше. Теперь давайте настроим окружение:

  1. Во-первых, нам нужно открыть конечные точки PrestaShop REST. Скачайте и установите PrestaShop REST API и установите его так же, как и любой другой модуль PrestaShop. Никакой дополнительной настройки не требуется.
  2. Клонируйте репозиторий шаблона PrestaShop Integration:git clone https://github.com/vuestorefront-community/template-prestashop.
  3. Запустите yarn install для установки зависимостей
  4. Измените URL API на ваш магазин в этом файле: packages/theme/middleware.config.js
  5. Запустите yarn build для сборки проекта
  6. Запустите yarn dev для запуска проекта

Видео быстрого запуска для интеграции Vue Storefront & PrestaShop

Оцените статью
Procodings.ru
Добавить комментарий