用一天时间创建一个与库存/知识管理系统相关的Elasticsearch前端应用程序
首先
使用Elasticsearch,从零开始,在一天内创建一个能够快速搜索并提取所需信息的应用程序的步骤。将物品和知识分类数据化,以便可以从计算机或手机进行搜索。当然,数据本身需要自己准备。
制作的东西
后台使用Amazon Elasticsearch Service,将数据存储在那里。
前端是在浏览器中运行的React应用程序,利用Reactivesearch组件,使得可以搜索Elasticsearch Service的数据。直接从浏览器(的JavaScript)访问Elasticsearch Service。
此外,还将使用Codepipeline创建自动构建和部署React应用程序的环境。
应用程式的屏幕图像
基础设施概览图
环境
Elasticsearch版本7.4
Node.js版本13.10.1
React版本16.13.0
Reactivesearch版本3.5.0
步骤
按照这个顺序操作,你可以制作出一篇描述详细步骤的文章。右边的时间是按顺利进行的情况下的参考时间。
-
- 使用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认证设置,以最少的配置来实现。