---

文章目录

• ⭐ 运行 Demo应用 - 宠物名字生成器
• • 🌟 安装 - node.js
  • 🌟 利用 git 下载 Demo应用 - 宠物名字成器
  • 🌟 添加 API 秘钥
  • 🌟 安装依赖并运行Demo应用 - 宠物名字成器
• ⭐ 访问并测试 Demo应用 - 宠物名字成器

在上一章节，我们已经对于 ChatGPT 的 “提示(prompt)” 与 “完成(completion)” 有了更深层次的的了解。接下来我们演示一个官方提供的 Demo 应用，叫做 “宠物名字生成器” 。

---

⭐ 运行 Demo应用 - 宠物名字生成器

官方已经为我们编写了一些代码来帮助我们入门，我们可以按照接下来的步骤下载代码并运行应用程序。

---

🌟 安装 - node.js

我们要运行的 Demo应用 - 宠物名字成器 需要使用到 nodejs 环境，如果还没有安装 nodejs ，可以到 nodejs官网 下载安装nodejs。

nodejs 官网地址：https://nodejs/en/

nodejs 安装完成之后，在终端执行 node -v 命令，可以查看到当前安装的 nodejs 的版本号~

然后再执行 npm -v ，如果也能看到版本号，则说明 nodejs 与 npm 已经安装成功了~

---

🌟 利用 git 下载 Demo应用 - 宠物名字成器

提前准备好我们用于下载 下载 Demo应用 - 宠物名字成器 的路径地址，这里我们准备的是 /usr/local/cases/chatgpt-quickstart

然后进入该目录，准备克隆代码：git clone https://github/openai/openai-quickstart-node.git

执行完git clone命令后，可以看到代码被下载到了chatgpt-quickstart 目录中。

---

🌟 添加 API 秘钥

进入项目 openai-quickstart-node 目录，并复制示例环境变量文件，用于后续的添加 API 秘钥。

cd openai-quickstart-node		// cd 命令进入 openai-quickstart-node
cp .env.example .env			// cp 命令 复制 ".env.example" 为 ".env"

来看一下 ".env" 文件的内容，使用 "open" 命令打开文件：open .env ；

打开这个文件，可以看到只有一条配置，就是要求我们填写 api key ；关于 api key 的创建，我们在前面的 〖ChatGPT实践指南 - 零基础扫盲篇③〗- 开始使用 ChatGPT 并访问 OpenAI 获取 API Keys 已经为大家介绍过了。

重要提示：在使用 Javascript 时，所有 API 调用应仅在服务器端进行，因为在客户端浏览器代码中进行调用将会暴露您的 API 密钥。

---

🌟 安装依赖并运行Demo应用 - 宠物名字成器

安装依赖：

我们可以看一下 package.json 文件，这个文件指定了我们需要安装的一些依赖包，所以我们还需要安装对应的依赖，才可以最终运行起来 “Demo应用 - 宠物名字成器”，见下图：

接下来就在项目目录中运行以下命令，用以安装相关依赖项，并运行应用程序：npm install

需要注意的事：运行 npm命令 要在 openai-quickstart-node目录下运行 ，也就是 package.json同级目录运行 ，而不是在我们建立的chatgpt-quickstart目录运行哦。

运行命令后的结果如下：

运行 Demo应用 - 宠物名字成器：

当利用 nodejs 安装好了 openapi相关的依赖后，接下来我们就可以使用 npm run dev 命令来运行我们的 Demo应用 - 宠物名字成器 项目了：

---

⭐ 访问并测试 Demo应用 - 宠物名字成器

访问Demo应用 - 宠物名字成器：

打开浏览器，输入 http://localhost:3000 ，应该就能看到宠物名字生成器了！

测试：

我们尝试输入一个 "哈士奇"，点击下面的按钮 Generate names ，看看 ChatGPT 给我们的宠物起的名字吧！

ChatGPT一共为我们生成了三个名字，分别是：Super Snowball，Mighty Husky，The Amazing Fluffy Paw 。

来翻译一下试试看，分别是 “超级雪球”、“强大哈士奇”、“惊人的蓬松爪” ，感觉怎么样，是不是很有意思呢？