DEV Community
·
在Angular中使用Chrome的Prompt API构建情感分类器
内容提要
本文介绍如何使用Chrome内置的Prompt API和Angular构建情感分类应用。该应用利用Prompt API创建语言模型，通过Gemini Nano进行情感分类。Chrome的AI功能免费，适用于Chrome Dev或Canary版本，旧版或其他浏览器需备用实现。文章提供了详细的安装和配置步骤。
关键要点
-
本文介绍如何使用Chrome内置的Prompt API和Angular构建情感分类应用。
-
该应用利用Prompt API创建语言模型，通过Gemini Nano进行情感分类。
-
Chrome的AI功能免费，适用于Chrome Dev或Canary版本，旧版或其他浏览器需备用实现。
-
文章提供了详细的安装和配置步骤。
-
更新Chrome Dev/Canary到最新版本以安装Gemini Nano。
-
提供了禁用文本安全分类器的步骤。
-
使用Angular创建应用程序并安装依赖项。
-
在main.ts中添加对Chrome内置API的类型定义的引用。
-
定义环境提供者以返回window.ai命名空间中的languageModel。
-
实现浏览器版本和API可用性的验证逻辑。
-
创建DetectAIComponent以显示AI组件。
-
NShotsPromptComponent用于动态渲染用户输入和响应。
-
BasePromptComponent提供提交功能和状态信号。
-
NShotsPromptService封装Prompt API的逻辑。
-
AbstractPromptService定义其他提示服务可以继承的标准方法。
-
总结：软件工程师可以创建Web AI应用程序，而无需设置后端服务器或承担云端LLM的成本。
延伸解读
Chrome内置AI的优势
使用Chrome的Prompt API构建情感分类器的最大优势在于其零成本。开发者可以利用Chrome Dev或Canary版本的本地模型，无需额外的后端服务器或云端LLM费用。这使得开发AI应用变得更加可行，尤其对于预算有限的开发者来说。
浏览器兼容性注意事项
虽然Chrome的内置AI功能强大，但其兼容性有限。用户必须确保使用Chrome版本131及以上，且需要在Chrome Dev或Canary中启用相关功能。对于使用旧版或其他浏览器的用户，必须准备备用实现，以确保应用的正常运行。
开发过程中的风险
在开发过程中，开发者需要注意Prompt API的实验性状态。这意味着API可能会发生变化，导致应用在未来的Chrome版本中出现不兼容问题。因此，保持对Chrome更新的关注以及及时调整代码是非常重要的。
延伸问答
如何在Angular中使用Chrome的Prompt API构建情感分类器？
可以通过创建Angular应用，调用Chrome的Prompt API来构建情感分类器，使用Gemini Nano进行情感分类。
Chrome的AI功能适用于哪些版本？
Chrome的AI功能适用于Chrome Dev或Canary版本，旧版或其他浏览器需备用实现。
如何安装Gemini Nano？
需要将Chrome Dev/Canary更新到最新版本，并按照相关步骤启用Gemini Nano。
如何禁用Chrome的文本安全分类器？
在Chrome中访问chrome://flags/#text-safety-classifier，选择禁用并重启Chrome。
如何验证浏览器版本和API可用性？
可以通过实现验证逻辑，检查浏览器是否为Chrome，版本是否在131及以上，以及ai对象是否在window命名空间中。
NShotsPromptComponent的功能是什么？
NShotsPromptComponent用于动态渲染用户输入和响应，并提供情感分类的交互界面。
