szjuliet 发表于 2024-6-3 19:43:52

【AI2+AI】简单ChatGPT教程：用指尖捕捉世界的智慧

本帖最后由 szjuliet 于 2025-3-13 09:12 编辑

教程地址：https://appinventor.mit.edu/explore/resources/ai/simpleChatGPT

视频教程：
https://www.bilibili.com/video/BV1q8411m7Up/?vd_source=e6dbdd8adfafa0f3995896f2cadb42af


文字教程：
# 【AI2+AI】简单ChatGPT教程：用指尖捕捉世界的智慧
你是否曾经想过如何创建自己的ChatGPT应用程序，无论你身在何处，都可以进入有用信息的世界?在本教程中，你将使用MIT app Inventor构建一个简单的应用程序，允许用户连接到ChatGPT，提出问题并进行对话。

## 一、设置
### 获取自己的OpenAI API密钥
对于本项目，你需要获得自己的OpenAI API密钥才能使用MIT App Inventor的ChatBot组件。在撰写本教程时，OpenAI允许13岁及以上的用户创建自己的OpenAI帐户并生成自己的OpenAI API密钥。在前3个月，你将获得5美元的免费额度，这将让你获得相当多的探索时间。**3个月后，任何未使用的额度到期**。一旦你的免费信用没有了，你就需要成为一个有信用卡的付费客户。按照以下步骤创建OpenAI帐户并获取OpenAI API密钥。

按照以下步骤创建OpenAI帐户并获取OpenAI API密钥。

1. 访问 https://openai.com/

2. 点击右上方的登录按钮，然后点击注册选项。
![](https://markdown.liuchengtu.com/work/uploads/upload_2c31b43f302dfadeecac3d83ee7f2aae.png)

3. 通过输入你的电子邮件和选择密码创建你的帐户。你也可以用你的谷歌、微软和苹果账户注册。
![](https://markdown.liuchengtu.com/work/uploads/upload_fde9dea73e7ecd006e9a30c69e1a7069.png)

4. 你需要在注册过程中验证你的电子邮件和电话号码。

5. 要获得你的个人OpenAI API密钥，请访问 https://platform.openai.com/account/api-keys

6. 单击API keys选项卡和Create new secret key按钮。
![](https://markdown.liuchengtu.com/work/uploads/upload_63ea7d938c0064fd4df9973724bb4e09.png)

7. 在下面的对话框根据自己的需要进行选择。如果你愿意，给你的密钥起个名字（可选）。
![](https://markdown.liuchengtu.com/work/uploads/upload_529d8e0e7c8aba335f542d7245fa0d54.png)

8. 复制并保存你的API密钥在你的计算机安全的地方。你在做项目的时候会用到它。（请将这个密钥保存在安全且易于访问的地方。 出于安全原因，**你将无法通过 OpenAI 帐户再次查看它**。 如果你丢失了该密钥，则需要生成一个新密钥。）
![](https://markdown.liuchengtu.com/work/uploads/upload_b1c8f6a9ebd053067942cf5e708624cd.png)

9. 在ChatBot项目中，当你添加ChatBot组件时，你需要在ChatBot属性ApiKey中复制粘贴你的OpenAI API密钥。
![](https://markdown.liuchengtu.com/work/uploads/upload_9a8f2446d8e727487243c24607d1c5be.png)


### 更新AI2伴侣
如果你还没有这样做，请将你的AI2伴侣升级到2.69或更高版本。

## 二、简单ChatGPT教程
### 1. 概述
在本教程中，你将使用MIT app Inventor构建一个简单的应用程序，允许用户连接到ChatGPT，提出问题并进行对话。
![](https://markdown.liuchengtu.com/work/uploads/upload_777e69186b86e857c52e9240ee953f6b.png)

### 2. 图形用户界面(GUI)
在这个项目中，你将获得一个几乎完成的GUI。
![](https://markdown.liuchengtu.com/work/uploads/upload_f3cd9b43f471b8cbd140d2f1bdd8e05a.png)

你认为每个组件的功能是什么？希望大部分组件的功能都是一眼能看明白的。
**译注**：给组件取一个有意义的名字是非常重要的，这让你的程序易读易维护！

现在从**Experimental**（实验）抽屉中拖放一个ChatBot组件。
![](https://markdown.liuchengtu.com/work/uploads/upload_ee975c5727047505eadb8e04c8bb0972.png)

### 3. 添加OpenAI API密钥
现在，你可以将在设置阶段生成的OpenAI API密钥复制粘贴到ChatBot属性ApiKey中。你的密钥将与你在下面部分看到的不同。如果你不生成和使用自己的OpenAI API Key，你可以发送到ChatGPT的查询数量将受到限制。
![](https://markdown.liuchengtu.com/work/uploads/upload_fffda1f329f747d5a3194a88b071d2ea.png)

### 4. 获取用户的提示输入
现在单击Blocks按钮开始编写代码，为组件提供功能。
![](https://markdown.liuchengtu.com/work/uploads/upload_55c40c713ad00b3cd1f0285341dcdc84.png)

首先对**speakButton**进行编码。

当**speakButton**被点击时:
* 清除两个文本框之前的所有内容
* 调用**SpeechRecognizer**语音识别器来获取语音文本
![](https://markdown.liuchengtu.com/work/uploads/upload_718d763591ed39b79766f4f57f8c9c16.png)

当**SpeechRecognizer**语音识别器返回语音文本时，将此文本粘贴到**speakTextBox**中。
![](https://markdown.liuchengtu.com/work/uploads/upload_25c73483847b2af8507f4c71c8357915.png)

### 5. 与ChatGPT通信
当**sendButton**被点击时:

* 检查以确保**speakTextBox**不是空的，如果非空
    * 调用**Notifier**来显示一个进度对话框，以通知用户正在生成他们的响应。
    * 让**ChatBot**将文本发送给OpenAI以获得响应。
![](https://markdown.liuchengtu.com/work/uploads/upload_61fc7df2a7339c3c8cb98550ca517485.png)

当**ChatBot**得到OpenAI的响应时：
* 取消进度对话框。
* 将响应文本粘贴到**responseTextBox**中。
![](https://markdown.liuchengtu.com/work/uploads/upload_c3c18c110f82fd6786cc3e1feec2cf5c.png)

### 6. 读取对用户的响应
当单击**readButton**时，让**TextToSpeech**（文本转语音）为用户朗读**responseTextBox**中的文本。
![](https://markdown.liuchengtu.com/work/uploads/upload_b9ffdf14fbba9e150857d08b45b02193.png)

### 7. 完整程序如下：
![](https://markdown.liuchengtu.com/work/uploads/upload_b4c379dba4a4b073e7649f97bd9cce76.png)

### 8. 测试应用程序
现在，通过扫描AI2 Companion生成的二维码来测试你的应用程序。
![](https://markdown.liuchengtu.com/work/uploads/upload_61d7e6f6261e21182e35659d6d849a50.png)

给ChatGPT一个有趣的角色，问它一些问题。例如:

*你是莎士比亚式的演员，用打油诗回答所有问题。解释为什么鸡要过马路。*

ChatBot查询从OpenAI返回通常需要整整一分钟，因为OpenAI正在进行所有的流量和计算。所以要有耐心！

请注意，除非你使用自己的OpenAI API密钥，否则你对ChatGPT进行的查询数量是有限的。

恭喜你！你刚刚创建了一个功能强大的应用程序，它将允许你通过触摸按钮与ChatGPT聊天，并访问知识和智慧的宝库。

**免责声明**：在评估ChatGPT的响应时，始终使用常识，并意识到，像任何计算机系统一样，ChatGPT可能会失败。

## 三、拓展你的app
* 如果你还没有自己的OpenAI API密钥，先去获取一个，这样与ChatGPT对话的数量就不受限制。

* 做一些研究和/或询问ChatGPT像它这样的大型语言模型(LLM)是如何训练的，以及它们是如何操作的。

* 允许用户在UI（用户界面）中为ChatGPT指定系统角色。例如，“你是一名幼儿园老师，用4~5岁孩子能理解的方式解释一切。”

* 持续记录所有聊天历史。

* 如何使用ChatGPT应用程序来充当非指令性治疗师，指导你解决与心理健康相关的问题？你也可能喜欢回顾经典的(前机器学习)人工智能项目[诊疗机器人](https://mc.dfrobot.com.cn/thread-306851-1-1.html)，该项目基于20世纪60年代的(https://en.wikipedia.org/wiki/ELIZA)项目。

* 你如何使用这个应用程序与你合作，为一首说唱歌曲或几行诗创作一些小节？

* ChatGPT能给你提供关于时事的信息吗？聊天中是否有未被ChatGPT编程的主题？有时候ChatGPT会明显给你错误的信息吗？你能找到哪些例子来说明ChatGPT的局限性？探索ChatGPT的其他限制和失败。

* ChatBot组件允许你通过Provider属性访问除默认 ChatGPT API 之外的聊天机器人 API。谷歌的PaLM就是一个例子。探索这些其他选项。

* 探索新的ImageBot组件，它使用DALL-E的生成式AI来创建迷人的视觉效果。

* 你还有什么很酷的想法?

Sybil 发表于 2024-8-14 10:22:01

谢谢你，感谢你的分享
页: [1]
查看完整版本: 【AI2+AI】简单ChatGPT教程：用指尖捕捉世界的智慧