# 快速运行示例
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 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) ,您可以看到所有的文件和示例。
另见