# 快速运行示例

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) 以获取更多信息。

另见

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

要使用一些需要后端的功能,例如 Snapshot 和协作,您应该运行 npm installnpm 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) ,您可以看到所有的文件和示例。

另见