vecel部署成功后显示无法获取notion数据，请检查notion ID

Question

用notionnext，vecel，notion blog创建个人博客是遇到的问题

Answer 1

引自免费微信小程序：皆我百晓生

要解决这个问题，首先确保你已经正确配置了Notion API密钥，并且在Vercel上设置了正确的环境变量。以下是详细的步骤：

1. 获取Notion API密钥：

   • 登录到Notion。
   • 点击右上角头像旁边的齿轮图标进入设置。
   • 在设置页面左侧找到并点击「开发者」选项。
   • 点击「创建应用」按钮，填写应用名称（例如：My Personal Blog），然后点击「创建应用」。
   • 在新页面你会看到一个Client Secret，这就是你需要的API密钥。复制它。

2. 在Notion Next项目中配置Notion ID：

   • 打开你的Notion Next项目的本地代码。
   • 找到notion.config.js文件。
   • 你需要在这个文件中添加你的Notion数据库ID。这个ID可以从Notion中的数据库URL中获取，比如URL类似这样：https://www.notion.com/page/<database-id>，其中 <database-id> 就是你需要的部分。
   • 在notion.config.js中添加如下内容：

     module.exports = {
       databaseId: '<your_database_id>',
       // ...其他配置项
     };
     

   • 替换<your_database_id>为从Notion URL中提取的实际ID。

3. 设置Vercel环境变量：

   • 登录到Vercel。
   • 找到你的项目，点击项目右侧的「更多操作」 -> 「设置」。
   • 在设置页面，选择「环境变量」。
   • 添加两个环境变量：
     • 名称：NOTION_SECRET 值：你在步骤1中复制的Client Secret
     • 名称：DATABASE_ID 值：你在步骤2中使用的Notion数据库ID

4. 部署你的项目：

   • 在本地终端，切换到项目目录，运行 npm install 安装依赖。
   • 如果没有安装Vercel CLI，可以使用 npm install -g vercel 进行全局安装。
   • 运行 vercel 或者 vcl dev 开始开发服务器。
   • 当你想部署到生产环境时，运行 vercel --prod

完成上述步骤后，你应该能在Vercel上正常获取Notion的数据了。如果你仍然遇到问题，可能需要检查一下代码逻辑，确保所有必要的函数都正确调用了Notion API，并处理了可能的错误。此外，也可以查看Vercel的日志，通常会有更具体的错误信息帮助定位问题。