Next, navigate into the Vue sample folder and run npm install:
sh
1cd webviewer-vue
2npm install
This will automatically download and extract the Apryse WebViewer Package.
2. Run the Sample
Run the application by executing:
sh
1npm run serve
Then open a browser and go to localhost:8080 to see the application.
3. Usage
To call more WebViewer APIs, open /www/js/index.js in your favorite text editor and add the API calls to the callback for the WebViewer instantiation. Add your own license key in place of 'YOUR_LICENSE_KEY':
1export default {
2 name: 'WebViewer',
3 props: {
4 path: String,
5 url: String
6 },
7 mounted: function () {
8 WebViewer({
9 path: this.path,
10 licenseKey: 'YOUR_LICENSE_KEY', // sign up to get a key at https://dev.apryse.com
11 initialDoc: this.url, // replace with your own PDF file