简单接口调用与系统开发

基于 LLM 提供的 API，我们可以开发各种简单的 LLM 应用。

体验

我们首先体验一个基于 Javascript 的客户端 LLM Chatbot 应用开发。它想要解决的问题是：学生在进行 MIT 的 Scratch 编程中，需要管理项目方向、设置目标，在它的工作上进行迭代。这个和我们想要解决的问题很相似。

打开示例网站后，会出来一个对话的界面。首先，它会要我们输入自己的 OpenAI API 的 Key。

验证了我们给的 API key 是有效的后，它就开始问：What is it that you would like to do? I’m here to assist you with a couple of particular tasks. 并且列出了四个任务：讨论项目、编程帮助、学习 Jibo、学习这个工具。

比如，我们可以点“讨论项目”，然后输入“我没有想法”，它会回答：那没关系！如果你愿意，我可以给你一些项目的灵感。不过在开始之前，你可以先考虑一下你的项目可能会对哪些人产生影响呢？

我们可以打开浏览器的“开发者工具”，点击“Source”页面，看到它的 Javascript 代码。我们可以在开发者工具里设置断点，来跟踪理解它的工作原理。这个代码写得非常好。值得学习。

这个网站的源代码在它的（Github 仓库）中。请下载后，按照 Github 仓库上的说明，在本地安装，然后用 node.js 运行它。它的代码有一点复杂，我们下面先学更简单的代码，后面再基于这个代码进行开发。

入门

为了入门基于 ChatGPT API 的网站开发，我们学习 MIT 媒体实验室提供的几个例子。请下载（Github 仓库）。

首先请打开其中的 Introduction to GPT 这个 Jupyter notebook，练习 OpenAI 的接口，让 GPT 写一个小故事。我们可以在 Colab 上运行它。

我们然后学习做简单的网站。请打开上面仓库中的 Color 和 Story 目录中的代码。这是两个基于 ChatGPT 的简单对话网站。它们的功能很简单，就是调一下 OpenAI API，提一个小问题，然后显示在页面上，所以很容易看懂。

它们是用 node.js 运行的。请按网页上的 Setup 说明，安装 node, expressjs 后，就可以用 node index.js 命令，在本机运行，然后打开浏览器，访问它。然后打开浏览器的“开发者工具”，在 Source 选项卡中，找到 js 代码，设置断点，单步跟踪它的原理。弄清楚网页编程的基本方法。

课程

工具

其他


Index Previous Next