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的成本。
延伸问答
如何在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用于动态渲染用户输入和响应，并提供情感分类的交互界面。
