anything-llm的嵌入式聊天小部件

利用anything-llm构建嵌入式聊天应用:Docker部署与HTML集成
本文介绍了anything-llm项目,演示了如何通过Docker启动并将其嵌入HTML文件中,创建一个类似聊天室的交互式小部件。开发者需要安装docker并在本地或服务器上配置API接口。

anything-llm

详情移步到官方: https://github.com/Mintplex-Labs/anything-llm

anything-llm可以docker启动和本地启动
例如:docker 启动, 自行去安装docker哈
cd 到docker文件夹下,
窗口运行:

docker-compose up -d --build

在这里插入图片描述
运行的问题就不一一介绍了

embed嵌入式聊天小部件的应用

官网介绍:https://github.com/Mintplex-Labs/anything-llm/blob/master/embed/README.md

在这里插入图片描述

菜单:嵌入式聊天

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
复制这段(根据你自己创建的工作区,进行复制)

<script
  data-embed-id="84d5bfa3-b77b-4582-a462-d92f5a56a561"
  data-base-api-url="http://10.30.0.51:3001/api/embed"
  src="http://10.30.0.51:3001/embed/anythingllm-chat-widget.min.js">
</script>

假设我把它嵌入一个普通的html文件内,如:test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>anything-llm的嵌入式聊天小部件</title>
</head>
<body>

<script
  data-embed-id="1003e432-6703-46df-b57d-af9ba68a4375"
  data-base-api-url="http://localhost:3001/api/embed"
  src="http://localhost:3000/embed/anythingllm-chat-widget.min.js">
</script>

</body>
</html>

直接浏览器打开运行:右下角会出现一个按钮,点解打开就变成这样,像个聊天室一下:

在这里插入图片描述

### 在 VSCode 中运行 Anything-LLM-Master 项目的指南 要在 Visual Studio Code (VSCode) 中成功运行 `anything-llm-master` 项目,需完成以下几个方面的准备和操作: #### 1. 安装 Docker 和克隆项目 由于 `anything-llm-master` 是基于容器化技术构建的开源解决方案[^2],因此需要先安装 Docker 并将其设置好。以下是具体步骤: - **安装 Docker**: 访问官方文档下载并安装适合您系统的版本。 - **克隆仓库**: 使用 Git 命令将目标存储库拉取到本地环境。 ```bash git clone https://github.com/infiniflow/anything-llm.git ``` #### 2. 配置开发环境于 VSCode 内部 为了更高效地编辑代码以及调试程序,在 VSCode 上集成必要的扩展工具至关重要。 - 打开已下载好的文件夹路径至 VSCode 编辑器; - 推荐安装 Python 支持插件以及其他辅助功能模块比如 Pylance 或者 Jupyter Notebook 插件来增强体验效果; #### 3. 启动服务并通过命令行验证状态 当所有前置条件满足之后,则可按照如下方法启动相关组件实例: - 进入终端界面切换目录到达刚才复制下来的工程根位置; - 输入以下指令触发自动编译过程同时激活后台监听端口等待请求接入: ```bash cd anything-llm && docker-compose up --build ``` 此阶段可能会花费一定时间视网络状况而定直至看到提示信息表明服务器已经准备好接受外部访问为止. #### 4. 测试 API 功能性 最后一步就是确认整个架构能否正常运作起来啦! 可以借助 Postman 工具或者直接编写简单的 HTTP 请求脚本来调用暴露出来的接口地址来进行初步的功能检测. ```python import requests url = 'http://localhost:8000/api/v1/generate' payload = {"prompt":"hello world","max_new_tokens":50,"temperature":0.7} response = requests.post(url,json=payload) print(response.text) ``` 以上即为利用 VSCode 实现加载运行 anythng-llm 的全过程概述.
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值