使用algolia助手设置非algolia url参数。

Question

我正在使用algolia的Instantsearch.js，我想从我的脚本中更新一个与algolia无关的uri查询参数。我看到可以使用助手设置查询和搜索：

search.helper.setQuery('myquery').search();

这是可行的，但我想知道是否可以使用助手在查询字符串中设置一个额外的uri参数，这个参数与Algolia查询无关，而是与我的站点的功能有关。

我看到在文档中有多种函数可以设置查询参数：https://github.com/algolia/algoliasearch-helper-js#url-helpers，但它们似乎都与我所寻找的功能不匹配。在执行上面的country_code之前，您对如何将查询字符串(例如：“search.helper.setQuery”)更新为值(例如："FR“)有建议吗？理想情况下，我希望它能够同时在uri中设置两个值。谢谢!

Answer 1

instantsearch.js没有提供这样的API，但是它将保留由其他代码设置的所有参数。因此，在您的例子中，如果URL已经有了country_code，那么您就完成了。

否则，如果要从前端执行此操作，则可以使用浏览器的历史API。此外，您还可以在助手上使用getStateAsQueryString，它将序列化当前状态，并允许您添加更多参数(例如country_code)。但是，在实例化搜索中使用用于初始化URL机制的相同参数(例如URL使用了哪些属性)时，您需要小心。如果您使用默认值，您应该是好的。

为了替换当前的URL /历史状态，代码如下所示：

window.history.replaceState(
  null,
  'Title',
  '?' + helper.getStateAsQueryString({
    moreAttributes: {
      country_code: 'fr'
    }
  }));

若要更改参数的当前值，则如下所示：

window.history.pushState(
  null,
  'Title',
  '?' + helper.getStateAsQueryString({
    moreAttributes: {
      country_code: 'de'
    }
  }));