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，更別忘了訂閱我們的電子報，隨時掌握第一手消息！！