# 步骤二：下载并运行示例代码

在本步骤中，您将下载并运行教程提供的示例代码。示例代码需要本地环境已安装 Node.js。

## 操作步骤

1. 执行以下命令，下载[示例代码](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/b411101a8db9b626c056c4945bfc9256_6AKzAKSTdY.zip)至本地。

```bash
   curl https://sf3-cn.feishucdn.com/obj/open-platform-opendoc/b411101a8db9b626c056c4945bfc9256_6AKzAKSTdY.zip -o web_app_quick_start.zip
   ```

2. 解压示例代码（web_app_quick_start.zip）。

3. 在示例代码所在目录，执行以下命令安装依赖。

```bash
   cd web_app_quick_start/
   npm install
   ```

4. 运行以下命令，配置应用。

```bash
   npm run config
   ```

根据命令行回显信息，依次输入应用的 App ID、App Secret、API Port（默认值 8989）。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/f55bb8e2fc07550c45946fb590377666_vo2fLLz9Ka.png?height=348&lazyload=true&maxWidth=500&width=1198)

应用凭证 App ID 和 App Secret 获取方式：

1. 登录[飞书开发者后台](https://open.feishu.cn/app)。

2. 进入应用详情页，在左侧导航栏，单击 **凭证与基础信息**。

3. 在 **应用凭证** 区域，获取并保存 **App ID** 和 **App Secret**。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/f7f89950be7e57c2760a8b5b1f5e17c9_fCD9ruySAG.png?height=524&lazyload=true&maxWidth=600&width=3594)

5. 运行以下命令，一键启动后端服务和 Web 服务。

```bash
   npm run start
   ``` 

服务启动需要一定时间，请耐心等待。成功启动后回显信息如下图所示。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/d0f880a8aa7dd1d1ca5e27bcf6a161ce_0pinEJbCJx.png?height=446&lazyload=true&maxWidth=400&width=964)

您需要保存 **On Your Network** 对应的域名信息，后续用于配置网页应用。

## 常见问题

如果在 Windows 系统中没有返回 **Local** 和 **On Your Network** 信息，你需参考以下步骤解决：
1. 进入项目根路径下的 `package.json` 文件，在 start:web 对应内容中删除 ` BROWSER=none  ` 后，保存该文件。
2. 在已有的命令提示符窗口，运行以下命令，启动后端服务。

```bash
   npm run start:server
   ```

3. 打开一个新的命令提示符窗口，运行以下命令，启动 web 服务。

```bash
    cd web_app_quick_start/
    npm run start:web
    ```

此时服务将返回 **Local** 和 **On Your Network** 信息。你需要保存 **On Your Network** 对应的域名信息，后续用于配置网页应用。