Getting Started
System Requirements
- Node.js 16 LTS or higher
- Postgres 9.x or higher
- If you use Redis, please make sure the version should be 4.0 or higher.
Compatibility Requirements
Collaboration Add-on requires a compatible version of the Foxit PDF SDK for Web.
Here is the compatibility chart.
Collaboration Add-on | Foxit PDF SDK for Web |
---|---|
1.3.0 | 9.2.0 |
1.2.0 | 9.1.0 |
1.1.0 | 9.0.0 |
1.0.0 | 8.5.2 |
Project Structures
There are two ways to get Foxit Web Collaboration Add-on.
Install with npm as below:
npm install @foxitsoftware/web-collab-client --save
Download the Collaboration Add-on Package.
The package contains the following folder structure:
docs -- API reference and developer guide
packages
web-collab-client -- collaboration client module
web-collab-server -- collaboration server module
collab-db -- collaboration db setup and migration
samples
collabClientSample/ -- collaboration client demo component
collabServerSample/ -- collaboration server demo component
Quickly Run Demo
Foxit Web Collaboration Add-on comes with a demo project for building the real-time document collaboration functionality.
To run the demo, please follows the steps as below:
Install Nodejs, prefered version: nodejs 16 lts or higher. If you already have a Nodejs installed, please skip this step.
Install Postgres, prefered version: 9.x or higher. If you already have a postgres database running or installed Docker, you can skip this step.
To start a command prompt as an administrator, navigate to the project root, and run the command :
npm install
.If you are using Docker, you should set up a database with Docker.
In the project root, install database: (The default port of the database is 5432)
npm run collab-cli setup-local-db
Run the demo.
In the project root, start
samples/collabClientSample
:npm run start:sample-client
In the project root, start
samples/collabServerSample
:npm run start:sample-server
After starting the collabClientSample and collabServerSample successfully, open http://localhost:3000/ on your browser, then you can see the demo entry.