### 运行demo应用-宠物生成器 现在我们已经对于提示和完成有了一定的了解,接下来我们可以开始构建宠物名字生成器了!官方已经为我们编写了一些代码来帮助我们入门——我们可以按照接下来的步骤下载代码并运行应用程序。 * * * **安装** 我们的demo示例需要使用nodejs环境,如果你的电脑还没有安装nodejs,可以到nodejs官网下载安装nodejs。 nodejs官网: [https://nodejs.org/en/](https://nodejs.org/en/) **下载demo代码** git clone [https://github.com/openai/openai-quickstart-node.git](https://github.com/openai/openai-quickstart-node.git) 我们在桌脑的桌面建立一个文件夹:chatgpt-quickstart,并进入到该目录,克隆代码。 ![](https://img.kancloud.cn/90/eb/90ebf070c2cf4251a7aa2c4e6ad28b1d_1370x390.png) 执行完git clone命令后,可以看到代码被下载到了chatgpt-quickstart目录中。 **添加API密钥** 进入项目目录,并复制示例环境变量文件。 ~~~ cd openai-quickstart-nodecp .env.example .env ~~~ 我们可以使用命令行来复制,或者切换到openai-quickstart-node目录,将.env.example文件复制一份,重命名为: .env <br> 打开这个文件,可以看到只有一条配置,就是要求我们填写api key. 关于api key的创建,我们在前面第五小节中已经为大家介绍过。 .env文件示例: ![](https://img.kancloud.cn/74/ce/74ce93bf538e74f73991c2f1779ab202_1375x436.png) 填写上我们的api key: ![](https://img.kancloud.cn/db/74/db7404f630d45a539a38fd6fcb84c542_1372x367.png) 提示:在使用 Javascript 时,所有 API 调用应仅在服务器端进行,因为在客户端浏览器代码中进行调用将会暴露您的 API 密钥。 **安装依赖** 到这里,已经万事俱备,接下来就是运行我们的app。 在项目目录中运行以下命令以安装依赖项并运行应用程序: ~~~ npm install ~~~ 注意:我们运行npm命令要在openai-quickstart-node目录下运行,也就是package.json同级目录运行,而不是在我们建立的chatgpt-quickstart目录运行哦。 运行命令后的结果: ![](https://img.kancloud.cn/a5/6b/a56b8db65f93ee0ed367d42361cfe9d0_1376x592.png) **运行app** nodejs为我们安装好了openapi相关的依赖后,接下来我们就可以使用下面的命令来运行我们的demo项目: ~~~ npm run dev ~~~ ![](https://img.kancloud.cn/48/b5/48b5d90b0df81ca0adc1d86f59a60021_1369x393.png) **访问我们的应用** 打开浏览器,输入[http://localhost:3000](http://localhost:3000/) 应该就能看到宠物名字生成器了! 宠物名称生成器: ![](https://img.kancloud.cn/a7/da/a7daeb95f2ae727f4d8373aa8d0e40b2_1261x586.png) **测试** 我们输入一个宠物,如:黑猫 ![](https://img.kancloud.cn/67/81/6781f1eb03c426281c08c07034b7fd5d_1281x683.png) 点击下面的按钮:Generate names,看看chatGPT给我们的宠物起的名字吧! ![](https://img.kancloud.cn/84/82/848283444c7647663e277d265b78a52f_1198x643.png) <br> ChatGPT一共为我们生成了三个名字,分别是: The Midnight Avenger, Shadow Prowler, The Dark Defender 翻译一下,看看它起的这几个名字怎么样: “午夜复仇者”,“暗影潜行者”,“黑暗卫士” 好吧,它又一次给我们起了几个很霸气的名,怎么样,是不是很有意思呢!