Elasticsearch对接React搜索慢、返回条数限制及直接调API方案咨询

1. React是否可以直接对接Elasticsearch API #

技术层面可以实现，但绝对不推荐在生产环境使用该方案，原因如下：

• 安全风险极高：Elasticsearch默认无身份校验，直接将9200端口暴露给前端，任意用户都可以直接调用增删改查接口篡改、删除索引数据，甚至清空整个400万条记录的库。即使开启ES身份验证，账号密码写在前端代码中会被任意用户通过浏览器控制台直接获取，完全起不到防护作用。
• 跨域限制：ES默认未配置跨域规则，前端直接请求会被浏览器同源策略拦截，若强行修改ES配置开启跨域，会进一步扩大ES的公网暴露风险。

2. 现有Node.js接口问题修复方案 #

你当前遇到的返回条数少、查询耗时高的问题都可以通过修改现有接口逻辑解决，比直接对接ES安全且高效：

2.1 仅返回10条记录的问题 #

Elasticsearch默认查询的size参数值为10，你代码中对应配置被注释了，调整如下即可：

• 不建议一次返回10000条数据，前端单次展示不需要这么多数据，反而会增大传输耗时，建议新增分页逻辑，由前端传递page（页码）和pageSize（每页条数）参数，后端计算from偏移量返回对应页数据。
• 若确实需要一次性拉取全量数据，不要用普通search接口，改用ES的scroll滚动查询或者search_after接口，避免内存溢出。

2.2 查询耗时高的问题 #

你当前使用的前后带通配符的q参数查询*${req.query.tweets}*是ES性能最低的查询方式之一，会触发全表扫描，400万条数据下必然耗时很高，优化方案如下：

• 优先使用match全文检索查询替代通配符查询，结合字段分词规则做匹配，性能是通配符查询的数倍。
• 如果必须做模糊匹配，仅使用后缀通配符${req.query.tweets}*，配合prefix查询可以命中字段索引，避免全表扫描。
• 给需要检索的字段配置对应类型的索引，进一步提升查询效率。

修复后参考代码 #

router.get('/tweets', (req, res) => {
  const { tweets, page = 1, pageSize = 20 } = req.query;
  const from = (page - 1) * pageSize;
  let query = {
    index: 'tweets',
    from: from,
    size: pageSize,
    query: {}
  };
  if (tweets) {
    // 替换原来的通配符查询为match全文检索，可替换为实际要匹配的字段名
    query.query.match = {
      content: tweets
    };
  }
  client.search(query)
    .then(resp => {
      return res.status(200).json({
        tweets: resp.body.hits.hits,
        total: resp.body.hits.total.value,
        page: page,
        pageSize: pageSize
      });
    })
    .catch(err => {
      console.log(err);
      return res.status(500).json({
        err
      });
    });
});

内容的提问来源于stack exchange，提问作者Adnan Ali Khan