用一天时间创建一个与库存/知识管理系统相关的Elasticsearch前端应用程序

首先

使用Elasticsearch,从零开始,在一天内创建一个能够快速搜索并提取所需信息的应用程序的步骤。将物品和知识分类数据化,以便可以从计算机或手机进行搜索。当然,数据本身需要自己准备。

制作的东西

后台使用Amazon Elasticsearch Service,将数据存储在那里。
前端是在浏览器中运行的React应用程序,利用Reactivesearch组件,使得可以搜索Elasticsearch Service的数据。直接从浏览器(的JavaScript)访问Elasticsearch Service。
此外,还将使用Codepipeline创建自动构建和部署React应用程序的环境。

应用程式的屏幕图像

beautifiedcityrank.png

基础设施概览图

RactivesearchAP.png

环境

Elasticsearch版本7.4
Node.js版本13.10.1
React版本16.13.0
Reactivesearch版本3.5.0

步骤

按照这个顺序操作,你可以制作出一篇描述详细步骤的文章。右边的时间是按顺利进行的情况下的参考时间。

    1. 使用Amazon Elasticsearch Service快速启动,可进行搜索的状态(30分钟)

使用React版Reactivesearch v3从头开始创建最快的Elasticsearch前端应用(1小时)

使React版Reactivesearch应用在iPhone纵向上也易于阅读(15分钟)

使用AWS S3 + CloudFront构建正确的配置,以便将React应用发布为HTTPS(1小时)

使用AWS CodePipeline从头开始构建React应用的CI环境(1小时)

从Brackets编辑器创建一个可以通过git push按钮自动部署的CI环境(15分钟)

附加篇

这次没有提供相关的服务,但以下是一篇相关参考文章。

如果使用 Amplify,可以更轻松地创建与此次相等的环境。但是,有一些限制。
使用 AWS Amplify 控制台,可以在 10 分钟内创建 React 应用的 CI/CD 环境。

我想要为Elasticsearch Service添加身份验证,但由于限制的原因,这次我们决定暂时搁置。
我们计划使用Amazon Elasticsearch Service的Kibana Cognito认证设置,以最少的配置来实现。

广告
将在 10 秒后关闭
bannerAds