aws-lex-web-ui

几分钟搭好 Lex 聊天界面，支持语音交互

开源 🏷️完全免费 🔧 仅开源项目，无在线服务，需自行部署对话助手 🍴 复刻 505 🐛 待处理 29 👀 关注 41

GitHub ↗

GitHub 星标 ★ 815

维护状态较活跃

是否开源开源

定价模式 🏷️完全免费开源项目，可自行部署，无收费信息。

项目预览

aws-lex-web-ui 项目界面预览图 — 图片来源：GitHub 官方仓库名片

项目数据

分类对话助手

开发团队aws-samples

GitHubhttps://github.com/aws-samples/aws-lex-web-ui

定价模式🏷️完全免费

价格说明开源项目，可自行部署，无收费信息。

访问状态🔧 仅开源项目，无在线服务，需自行部署

是否开源是

开源协议NOASSERTION

主要语言JavaScript

技术栈/模型ai,aws,aws-lex,bot,chat,chatbot,cloudformation,iframe,interface,lex,polly,polly-voice,ui,vue,vuejs,vuetify,vuex,web,webrtc,widget

GitHub 星标★ 815

上线时间2017-05-30 00:00:00

代码更新2026-10-22

仓库体积236.4 MB

本站数据更新2026-11-08

维护状态较活跃

收录时间2026-08-09

浏览次数3

项目介绍

aws-lex-web-ui 是一个基于 Amazon Lex 的聊天机器人 Web 界面示例项目，旨在帮助开发者快速构建和部署与 Lex 对话机器人交互的前端界面。它解决了从零搭建聊天 UI 的繁琐问题，提供了开箱即用的聊天窗口组件，支持通过 iframe 嵌入现有网站，并集成了 Amazon Polly 语音合成，实现文本与语音的双向交互。核心能力包括：基于 Vue.js 和 Vuetify 构建的现代化响应式界面，支持 WebRTC 语音输入，通过 CloudFormation 模板实现一键部署到 AWS，简化了与 Lex 后端的集成流程。该项目适合作为 AWS 生态中对话式 AI 应用的前端参考实现，尤其适用于需要快速原型验证或中小型项目的开发者。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 815

技术标签

ai aws bot chat chatbot

使用教程

ℹ 本教程由 AI 依据该项目 README 整理，个别步骤可能需要按你的环境微调。

难度：进阶约 35 分钟部署方式：前端集成 4 步

环境要求

AWS 账号与已发布的 Lex Bot
Node.js 18+
S3/Cognito 相关权限

安装与启动步骤

1克隆示例

这是 Amazon Lex 的网页聊天组件示例，含加载器与主题配置。
```
git clone https://github.com/aws-samples/aws-lex-web-ui.git
cd aws-lex-web-ui
```
2装依赖构建

仓库是 npm 工程，先装依赖再打包。
```
npm install
npm run build
```
3改配置

默认配置在 lex-web-ui-loader-config.json，要填自己的 bot 名称与区域。
```
cp src/config/lex-web-ui-loader-config.json ./my-config.json
```
4挂到自己页面

把构建产物和配置一起引到任意静态页即可。
```
npx http-server dist -p 8080
```