ChromaViz项目修改默认端口的完整指南-优快云博客

ChromaViz项目修改默认端口的完整指南

chromaviz A package for visualising Chroma vector collections in 3D 项目地址: https://gitcode.com/gh_mirrors/ch/chromaviz

ChromaViz是一个用于可视化数据集合的工具，默认情况下会在本地主机的5000端口启动服务。但在实际开发和使用过程中，我们经常需要修改默认端口号以避免端口冲突或满足特定部署需求。本文将详细介绍如何修改ChromaViz项目的默认服务端口。

端口修改的必要性

在开发环境中，5000端口是许多Web框架和工具的默认端口，如Flask等。当多个服务同时运行时，端口冲突是常见问题。此外，在企业环境中，某些端口可能被防火墙限制，因此修改端口号成为必要操作。

修改步骤详解

第一步：修改Python启动参数

ChromaViz通过visualize_collection()函数启动可视化服务，该函数接受一个可选参数用于指定端口号：

# 默认启动方式（使用5000端口）
visualize_collection(collection)

# 指定端口启动（例如使用1234端口）
visualize_collection(collection, 1234)

或者使用变量传递端口号：

CHROMAVIZ_PORT = 1234
visualize_collection(collection, CHROMAVIZ_PORT)

第二步：修改前端JavaScript配置

ChromaViz的前端部分包含一个压缩后的JavaScript文件index-351494fc.js，该文件硬编码了后端API的访问地址。我们需要修改其中的fetch请求URL以匹配新的端口号。

以下是自动修改脚本：

import re

# 配置参数
chromaviz_js_file_path = './chromaviz/index-351494fc.js'
CHROMAVIZ_PORT = 1234  # 设置为您需要的端口号

# 匹配并替换fetch URL
pattern = r'fetch\("http://[^"]+/data"\)'
new_url = f'fetch("http://127.0.0.1:{CHROMAVIZ_PORT}/data")'

# 执行文件修改
with open(chromaviz_js_file_path, 'r') as file:
    file_content = file.read()

updated_content = re.sub(pattern, new_url, file_content)

with open(chromaviz_js_file_path, 'w') as file:
    file.write(updated_content)

print("ChromaViz前端API端点已更新为指定端口")