# # 快速运行示例

Foxit PDF SDK for Web 提供了一系列示例工程用于构建 viewer 以及实现其他功能。示例工程位于 Foxit PDF SDK for Web 包中的 `./examples` 目录下。运行该示例，您需要初始化您本地的 web 服务器，打开浏览器，输入localhost (https://localhost:port) 或者对应的 IP 地址的 URL。然后，在显示的文件目录列表中，您可以选择需要使用的示例。

快速在本地系统上运行 web 服务器，您可以使用 node.js http-server
(opens new window):

    http-server

此外，您可以通过添加 '-o' 参数直接在浏览器窗口中打开：

    http-server -o

您也可以使用 Python 的 SimpleHTTPServe
(opens new window) 模块:

    python -m http.server 8000

您可以参阅 Set up local server
(opens new window) 以获取更多信息。

另见

- 使用 Nginx 启动 Http 服务
- 使用 Nodejs启动 Http 服务

## # 使用 Snapshot 功能快速运行示例

要使用一些需要后端的功能，例如 Snapshot 和协作，您应该运行 `npm install` 和 `npm start` 来快速启动 http 服务和相应的后端服务。以下是详细步骤。

在运行示例之前，您可以参考 SDK 包内的 `package.json` 文件，内容如下：

    "scripts": {
        "start": "concurrently --kill-others \"npm run start-http-server\" \"npm run start-snapshot-server\" \"npm run start-collaboration-server\"",
        "start-snapshot-server": "node ./server/snapshot/src/index -p 3002",
        "start-http-server": "node ./server/index",
        "start-collaboration-websocket-server": "node ./server/collaboration-websocket-server/src/index.js -p 9111",
        "start-collaboration-server": "node ./server/collaboration-sockjs-server/src/index.js -p 9112"
    },

    "serve": {
        "port": 8080,
        "public": "/",
        "proxy": {
            "target": "http://127.0.0.1:3002",
            "changeOrigin": true
        }
    },
    "collaboration-websocket": {
        "target": "http://127.0.0.1:9111",
        "changeOrigin": true,
        "ws": true
    },
    "collaboration-sockjs": {
        "target": "http://127.0.0.1:9112",
        "changeOrigin": true,
        "ws": true
    }

接下来，检查您的电脑上是否以及安装了哪个版本的 nodejs 和 npm：

    node -v
    v10.16.0
    npm -v
    6.14.1

然后，安装在 `package.json` 中声明的依赖项：

    npm install

最后，运行 `npm start` 命令来启动服务。

在浏览器中访问 http://127.0.0.1:8080
(opens new window) ，您可以看到所有的文件和示例。

另见

- 使用 Nginx 启动 Http 服务
- 使用 Nodejs启动 Http 服务