如何用我的应用程序路线替换 BigCommerce 店面路线？

Question

我正在尝试用我制作的类似于此的自定义搜索来覆盖 BigCommerce 网站的原始搜索 https://www.bigcommerce.com/apps/searchanise/ 但我不知道如何显示来自我的自定义 NextJs 应用程序的搜索结果。

我从这里开始创建了一个 NextJs 应用程序 https://github.com/bigcommerce/sample-app-nodejs并且它可以工作。

我可以将其安装在我的沙盒商店中并使用它。

但这和我店的控制面板有关，我需要玩店面。

我正在尝试对 Searchanise 应用程序进行逆向工程，但我发现它创建了一个名为 search-results-page 的网页（可能在安装过程中通过 API），其中包含

/search-results-page

等路径和空白内容，这就是从店面搜索栏的操作表单调用。

因此，当用户搜索某些内容时，原始搜索结果页面将被 Searchanise 页面取代。

我真的不明白这是怎么做到的。

我尝试创建一个新的网页

/custom-search

，并在 NextJs 中向我的应用程序添加了相同的路线，但当我从店面导航到它时，它似乎没有得到它。

也很难理解 Searchanise 应用程序如何覆盖原始模板的表单操作，包括其自定义路由/搜索结果页面，可能是通过 JS DOM 操作？

我还通过 API 查看了商店小部件和脚本，但它似乎没有任何与 Searchanise 应用程序相关的内容，因此应用程序本身可能有一些东西可以管理店面。

有什么想法吗？

Answer 1

嗯，我发现应用程序创建的网页不是空白的，它包含一些 JS，这些 JS 会初始化新结果页面并覆盖当前结果页面。 这就是如何做到这一点。