对话网页应用模板
这是一个使用 create-next-app
引导的 Next.js 项目。
配置应用
在当前目录下创建一个名为 .env.local
的文件,并从 .env.example
复制内容。设置以下内容:
# 应用 ID
NEXT_PUBLIC_APP_ID=
# 应用 API 密钥
NEXT_PUBLIC_APP_KEY=
# 应用 URL
NEXT_PUBLIC_API_URL=
在 config/index.ts
文件中进行更多配置:
export const APP_INFO: AppInfo = {
title: '聊天应用',
description: '',
copyright: '',
privacy_policy: '',
default_language: 'zh-Hans'
}
export const isShowPrompt = true
export const promptTemplate = ''
开始使用
首先,安装依赖:
npm install
# 或
yarn
# 或
pnpm install
然后,运行开发服务器:
npm run dev
# 或
yarn dev
# 或
pnpm dev
在浏览器中打开 http://localhost:3000 查看结果。
使用 Docker
docker build . -t <DOCKER_HUB_REPO>/webapp-conversation:latest
# 现在可以在端口 3000 访问它
docker run -p 3000:3000 <DOCKER_HUB_REPO>/webapp-conversation:latest
在浏览器中打开 http://localhost:3000 查看结果。
了解更多
要了解有关 Next.js 的更多信息,请查看以下资源:
- Next.js 文档 - 了解 Next.js 功能和 API。
- 学习 Next.js - 一个交互式 Next.js 教程。
您可以查看 Next.js GitHub 仓库 - 欢迎您的反馈和贡献!
在 Vercel 上部署
⚠️ 如果您使用的是 Vercel Hobby,由于 vercel 的限制,您的消息将被截断。
部署 Next.js 应用的最简单方法是使用 Next.js 创建者提供的 Vercel 平台。
查看我们的 Next.js 部署文档 了解更多详情。