DEV Community
·
修改本地bolt.new界面以允许输入API密钥
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
在bolt.new中，用户可以通过侧边栏输入API密钥。修改内容包括在侧边栏添加输入表单，并在未输入密钥时禁用聊天界面的消息发送功能，同时提供视觉反馈。密钥需存储在localStorage中，完成后需测试功能是否正常。
🎯
关键要点
- 在bolt.new中，用户可以通过侧边栏输入API密钥。
- 修改内容包括在侧边栏添加输入表单。
- 未输入密钥时，禁用聊天界面的消息发送功能，并提供视觉反馈。
- API密钥需存储在localStorage中。
- 完成后需测试功能是否正常。
- 创建ApiKeyInput组件以允许用户输入和存储API密钥。
- 更新聊天界面以在未输入API密钥时禁用消息发送。
- 确保输入的API密钥可供LLM使用。
- 测试实施后，确认功能是否按预期工作。
❓
延伸问答
如何在bolt.new中输入API密钥？
用户可以在侧边栏的输入表单中输入API密钥。
未输入API密钥时，聊天界面会发生什么？
未输入API密钥时，聊天界面的消息发送功能会被禁用，并提供视觉反馈。
API密钥是如何存储的？
API密钥存储在localStorage中。
如何测试修改后的功能是否正常？
可以通过构建和启动应用程序，然后确认输入API密钥后消息发送功能是否正常来测试。
ApiKeyInput组件的作用是什么？
ApiKeyInput组件允许用户输入和存储API密钥，并在密钥更改时触发事件。
如何确保输入的API密钥可供LLM使用？
通过更新相关代码，使得输入的API密钥优先于环境变量被使用。
➡️
