2023最新discord-example-app部署教程：使用ngrok实现本地开发与测试

2023最新discord-example-app部署教程：使用ngrok实现本地开发与测试

【免费下载链接】discord-example-appBasic Discord app with examples项目地址: https://gitcode.com/gh_mirrors/di/discord-example-app

discord-example-app是一个基础的Discord应用示例项目，包含石头剪刀布游戏等功能。本教程将教你如何快速部署该应用并利用ngrok进行本地开发与测试，让你轻松体验Discord应用开发的乐趣。

📋 准备工作：环境搭建与依赖安装

在开始部署discord-example-app之前，需要确保你的开发环境满足以下要求：

1. 安装NodeJS：前往NodeJS官网下载并安装适合你操作系统的版本，这是运行JavaScript应用的基础。

2. 克隆项目仓库：使用以下命令将项目代码克隆到本地：

   git clone https://gitcode.com/gh_mirrors/di/discord-example-app

3. 安装项目依赖：进入项目目录，运行以下命令安装所需的依赖包：

   cd discord-example-app npm install

🔑 配置应用：获取Discord凭证

要让应用正常工作，需要获取Discord的相关凭证，具体步骤如下：

1. 创建Discord应用：访问Discord开发者平台，创建一个新的应用，获取应用ID等信息。

2. 配置环境变量：将获取到的凭证信息添加到项目的环境变量中，具体配置方法可参考项目文档。

🚀 启动应用：本地运行与测试

完成上述准备工作后，就可以启动应用进行本地测试了：

1. 启动应用：在项目目录下运行以下命令启动应用：

   npm start

   应用将在本地的3000端口运行。

2. 注册命令：运行以下命令注册应用的交互命令：

   npm run register

🌐 使用ngrok：实现本地开发与公网访问

由于Discord需要一个公网可访问的端点来发送请求，我们可以使用ngrok来实现本地开发环境的公网访问：

1. 安装ngrok：如果你还没有安装ngrok，请先下载并安装。

2. 启动ngrok：运行以下命令，让ngrok监听本地的3000端口：

   ngrok http 3000

3. 获取转发地址：ngrok启动后，会显示类似以下的信息：

   Forwarding https://1234-someurl.ngrok.io -> localhost:3000

   复制以https开头的转发地址。

4. 配置Discord应用端点： 访问Discord应用的设置页面，在General Information选项卡中找到Interactions Endpoint URL，将刚才复制的ngrok地址粘贴到这里，并在末尾添加/interactions，例如：https://1234-someurl.ngrok.io/interactions。

5. 保存设置：点击Save Changes保存设置，你的应用现在就可以正常接收Discord的请求了。

图：discord-example-app应用在Discord频道中的使用示例，展示了欢迎信息和基本交互界面。

💡 开发提示：提高开发效率

在本地开发过程中，你可以使用nodemon等工具来监听文件变化并自动重启应用，提高开发效率。只需安装nodemon：

npm install -g nodemon

然后使用nodemon app.js命令启动应用即可。

通过以上步骤，你已经成功部署了discord-example-app并使用ngrok实现了本地开发与测试。现在，你可以开始探索项目中的各种示例功能，如examples/button.js中的按钮交互、examples/modal.js中的模态框等，动手实践Discord应用开发的更多可能性！

【免费下载链接】discord-example-appBasic Discord app with examples项目地址: https://gitcode.com/gh_mirrors/di/discord-example-app