Open Canvas 开源项目使用指南

最新推荐文章于 2025-04-08 10:00:52 发布

束静研Kody

最新推荐文章于 2025-04-08 10:00:52 发布

阅读量920

点赞数 24

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00149/article/details/147059804

Open Canvas 开源项目使用指南

open-canvas 📃 A better UX for chat, writing content, and coding with LLMs. 项目地址: https://gitcode.com/gh_mirrors/ope/open-canvas

项目简介

Open Canvas 是一个开源的 Web 应用程序，旨在帮助用户与智能体协作编写文档。该项目受到 OpenAI 的 "Canvas" 启发，但具有一些关键差异，如内置的内存系统、自定义快速操作等。

目录结构

Open Canvas 的目录结构如下：

apps/web: 前端应用代码
packages: 存放与项目相关的各种包
.env.example: 环境变量配置文件示例
README.md: 项目说明文件
其他文件夹和文件：包括配置文件、许可证文件等

启动文件介绍

启动文件位于 apps/web 目录下：

index.js: 前端应用的入口文件
package.json: 定义了项目的依赖和脚本

要启动项目，需要在项目根目录下执行以下命令：

yarn install
yarn dev

这将会启动一个本地开发服务器，并通过浏览器打开前端应用。

配置文件介绍

项目的配置文件主要有以下两个：

.env.example: 包含了项目所需的环境变量，如 API 密钥、数据库连接信息等。在实际使用时，需要将 .env.example 文件复制为 .env 文件，并根据实际情况填写相应的值。
langgraph.json: LangGraph 服务器的配置文件，用于定义智能体的行为。

使用步骤

以下是使用 Open Canvas 的基本步骤：

安装依赖: 在项目根目录下执行 yarn install 命令安装项目依赖。
配置环境变量: 复制 .env.example 文件为 .env，填写相应的 API 密钥和配置信息。
启动开发服务器: 在项目根目录下执行 yarn dev 命令启动本地开发服务器。
访问应用: 打开浏览器，访问 http://localhost:3000，即可开始使用 Open Canvas。
注册/登录: 使用邮箱或其他认证方式注册或登录 Open Canvas。
开始协作: 创建新文档或从现有文档开始，与智能体协作编写内容。

文章标题：Open Canvas 开源项目使用指南

# Open Canvas 开源项目使用指南

## 项目简介

Open Canvas 是一个开源的 Web 应用程序，旨在帮助用户与智能体协作编写文档。该项目受到 OpenAI 的 "Canvas" 启发，但具有一些关键差异，如内置的内存系统、自定义快速操作等。

## 目录结构

Open Canvas 的目录结构如下：

- `apps/web`: 前端应用代码
- `packages`: 存放与项目相关的各种包
- `.env.example`: 环境变量配置文件示例
- `README.md`: 项目说明文件
- 其他文件夹和文件：包括配置文件、许可证文件等

## 启动文件介绍

启动文件位于 `apps/web` 目录下：

- `index.js`: 前端应用的入口文件
- `package.json`: 定义了项目的依赖和脚本

要启动项目，需要在项目根目录下执行以下命令：

```bash
yarn install
yarn dev

这将会启动一个本地开发服务器，并通过浏览器打开前端应用。

配置文件介绍

项目的配置文件主要有以下两个：

.env.example: 包含了项目所需的环境变量，如 API 密钥、数据库连接信息等。在实际使用时，需要将 .env.example 文件复制为 .env 文件，并根据实际情况填写相应的值。
langgraph.json: LangGraph 服务器的配置文件，用于定义智能体的行为。