如何僅使用javascript索引電子商務網站

Question

您將如何僅使用前端（javascript）為電子商務網站編制索引？

所有產品都在一個URL上，每頁顯示12個，總共約70個。 也有過濾器，還需要收集過濾器數據（產品屬於哪個類別，可能是多個）。

產品使用Ajax更新，站點使用Angular

結果應為JSON。

我現在使用的公式：

• 激活一個過濾器
• 等到產品出現
• 為產品創建一個對象（如果尚不存在）
• 將值推送到創建的對象（名稱，價格，img，URL，顏色（類別）...）
• 遍歷所有可見產品
• 禁用過濾器
• 激活另一個過濾器
• 重復直到完成

還應添加邏輯以循環遍歷每個過濾器上的所有頁面。

結果示例：

{  
      "objectID":1,
      "title":"Apple Slice Ring Candle",
      "price":24.95,
      "url":"/products/apple-slice-ring-candle",
      "imgurl":"//image-cdn.symphonycommerce.com/images/sites/diamondcandles/1411480495935_apple-slice-Web-Optimized.312w.jpg",
      "color":"green",
      "fragrance":[
        "fruity"
      ],
      "ambience":"focused"
}

我正在談論的頁面： https : //www.diamondcandles.com/ring-candles

也可以使用Python或任何其他工具-唯一的條件是我無法訪問其后端，數據庫等。

Answer 1

因此，我能想到的最佳答案是：

• 使用iframe和jquery將所有產品加載到一頁
• 對這些產品建立索引並收集信息，例如：價格，圖像，URL，描述
• 激活第一個過濾器，然后遍歷列表中的可見產品和產品-匹配的產品應添加該類別。
• 對所有過濾器重復最后一步
• 匯出JSON

這對我行得通！