文章彙整

Magento 1 Vue Storefront 環境建置 (下篇)

Astral WebBy Astral Web 3 months agoNo Comments
首頁  /  Magento  /  Magento 1 Vue Storefront 環境建置 (下篇)

Magento 1 Vue Storefront環境建置系列已經來到下篇啦!在前兩章節我們講述如何建立Vue Storefront環境的環境,但是我們沒有提到我們的資料從何而來,大致可以分為以下兩種。

由magento產生資列並同步至elasticsearch的magento 1-vsbridge-indexer

API直接發請起請求向Magento端詢問的magento 1-vsbridge

接下來請在你的magento 專案底下操作

 

先安裝magento 1-vsbridge下載檔案並將檔案移至目錄下

git clone https://github.com/DivanteLtd/magento1-vsbridge.git magento1-vsbridge
cd magento1-vsbridge
cp magento1-module/app/* <MAGENTO_FOLDER>/app/

在安裝magento 1-vsbridge-indexer下載檔案並將檔案移至目錄下

git clone https://github.com/DivanteLtd/magento1-vsbridge-indexer/tree/master/src
cd magento1-vsbridge-indexer
cp src/* <MAGENTO_FOLDER>/

接下來進magento,讓它安裝套件,進入System > ADVANCED > VueStorefront

設定你需要建立索引的商店

接下來設定elasticsearch

設定同步index名稱,請注意這邊必須與你Vue Storefront API設定相同

“elasticsearch”: {

    “host”: “localhost”,

    “index”: “vue_storefront_catalog”,

    “port”: 9200,

    “protocol”: “http”,

    “requestTimeout”: 5000,

    “min_score”: 0.01,

    “indices”: [

      “vue_storefront_catalog”,

      “vue_storefront_catalog_de”,

      “vue_storefront_catalog_it”

    ],…….

 

“de”: {

      “storeCode”: “de”,

      “disabled”: false,

      “storeId”: 3,

      “websiteId”: 1,

      “name”: “German Store”,

      “url”: “/de”,

      “elasticsearch”: {

        “host”: “localhost:8080/api/catalog”,

        “index”: “vue_storefront_catalog_de”

      },…..

到這邊已經完成基本的設定,讓我們來同步資料。

cd shell
//全部運行
php -f vsf_tools.php -- --action full_reindex --store X(store id)
//單獨運行
php -f vsf_tools.php -- --action full_reindex --store X(store id) --type XXX

運行完畢你就可以看到前端頁面資訊與magento串聯

 

以上就是本篇分享,讀者們閱讀完,也可以回到前兩篇複習喔,若有任何Magento的問題,歡迎隨時聯絡我們

喜歡歐斯瑞文章的讀者們,別忘了追蹤歐斯瑞粉絲團Instagram,更別忘了訂閱我們的電子報,隨時掌握第一手消息!!

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Categories:
  MagentoMagento開發

留下回應

你的電子郵件地址不會被公開.

請到您的信箱確認,即可完成訂閱。