开源项目Open Canvas安装与配置指南

开源项目Open Canvas安装与配置指南

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

1. 项目基础介绍

Open Canvas是一个开源的Web应用程序，旨在通过智能代理协助用户更好地编写文档。它受到OpenAI的"Canvas"启发，但具有一些关键的不同之处。Open Canvas使用MIT许可，这意味着它是完全开放的，用户可以自由使用和修改。

主要编程语言：JavaScript（TypeScript）

2. 项目使用的关键技术和框架

• LangChain：一个用于构建基于语言模型的应用程序的开源框架。
• Supabase：一个开源的替代方案，用于Firebase，提供数据库、认证和存储服务。
• TypeScript：JavaScript的一个超集，添加了静态类型选项。
• React：用于构建用户界面的JavaScript库。

3. 项目安装和配置的准备工作与详细步骤

准备工作

在开始安装前，请确保您的系统中已安装以下工具：

• Node.js（推荐使用LTS版本）
• Git
• Yarn（或npm，但推荐使用Yarn）

安装步骤

1. 克隆仓库

   打开终端，执行以下命令以克隆项目仓库：

   git clone https://github.com/langchain-ai/open-canvas.git
   cd open-canvas
   

2. 安装依赖

   在项目根目录下，运行以下命令安装项目依赖：

   yarn install
   

3. 配置环境变量

   复制根目录下的.env.example文件为.env，并在其中设置必要的环境变量：

   cp .env.example .env
   

   在apps/web目录下，同样复制.env.example为.env，并设置前端相关的环境变量：

   cd apps/web
   cp .env.example .env
   

4. 设置Supabase认证

   • 创建一个Supabase账户，并在仪表板中创建一个新项目。
   • 在项目设置中的API标签下，复制项目URL和匿名公开项目API密钥。
   • 将这些值粘贴到.env文件中的NEXT_PUBLIC_SUPABASE_URL和NEXT_PUBLIC_SUPABASE_ANON_KEY变量。

   确保Authentication页面中的Email认证方式已启用，并确认已启用电子邮件确认。

5. 测试认证

   运行以下命令来启动开发服务器：

   yarn dev
   

   在浏览器中访问localhost:3000。应被重定向到登录页面，您可以在这里使用Google或GitHub登录，或创建一个新账户。

6. 设置LangGraph服务器

   在项目根目录下构建应用程序：

   yarn build
   

   在apps/agents目录下运行LangGraph服务器：

   yarn dev
   

   最后，在apps/web目录下启动前端：

   yarn dev
   

   在浏览器中访问localhost:3000，开始使用Open Canvas。

按照以上步骤操作，您应该能够成功安装和配置Open Canvas项目。如果在安装过程中遇到任何问题，请检查每个步骤是否正确执行，并确认所有环境变量是否正确设置。

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