pspdfkit web example pwa Unduh - pspdfkit web example pwa Code Sumber Unduh

pspdfkit web example pwa

Data situs web

1.0.0

Unduh

PSPDFKIT untuk contoh web - PWA

Contoh ini menunjukkan cara mengintegrasikan PSPDFKIT untuk Web dan membuat PWA (Aplikasi Web Progresif).

Anda dapat memeriksa pratinjau langsung di sini: pspdfkit.com/pwa.

Aplikasi sampel ini menampilkan pengaturan PWA dasar termasuk manifes dan pekerja layanan, untuk memungkinkan aplikasi Anda berfungsi secara offline serta penyimpanan indexedDB untuk PDF. Dengan cara ini, file Anda tetap ada bahkan setelah Anda menutup browser.

Dalam contoh ini kami menggunakan WorkBox, kerangka kerja PWA populer oleh Google.

Prasyarat

Node.js
PSPDFKIT untuk lisensi web. Jika Anda belum memilikinya, Anda dapat meminta uji coba gratis di sini.

Dukungan, Masalah, dan Pertanyaan Lisensi

PSPDFKIT menawarkan dukungan untuk pelanggan dengan lisensi SDK aktif melalui https://pspdfkit.com/support/request/

Apakah Anda mengevaluasi SDK kami? Itu bagus, kami senang membantu! Untuk memastikan ini cepat, silakan gunakan email kerja dan minta seseorang dari perusahaan Anda mengisi formulir penjualan kami: https://pspdfkit.com/sales/

Memulai

Kloning repo:

git clone https://github.com/PSPDFKit/pspdfkit-web-example-pwa.git
cd pspdfkit-web-example-pwa

Instal dependensi proyek dengan npm :

npm install

Sekarang semuanya sudah diinstal, kita perlu mengkonfigurasi aplikasi untuk menggunakan PSPDFKit kami untuk kunci lisensi web.

Edit ./config/license-key dan ganti string YOUR_LICENSE_KEY_GOES_HERE dengan kunci lisensi yang Anda terima melalui email.

Menjalankan contoh

Kami siap meluncurkan aplikasi! ?

Untuk menjalankan aplikasi dalam mode pengembangan:

npm run start

Membangun artefak produksi

Untuk membangun versi produksi, cukup ikuti panduan di atas tetapi alih -alih menjalankan start :

npm run build

Skrip build kemudian akan membuat file yang disebut ./dist yang dapat Anda salin ke server web Anda AS-is.

Cara kerjanya

Di bawah ./src Anda dapat menemukan shell aplikasi sederhana yang memuat pspdfkit untuk web.

Aplikasi ini menggunakan pekerja layanan untuk memberikan dukungan offline dan pra-caching untuk sebagian besar aset.

Untuk mengurangi jumlah boilerplate, kami menggunakan Workbox - perpustakaan dari Google yang mengabstraksi beberapa verbositas yang terkait dengan pembuatan dan konfigurasi pekerja layanan.

Kami juga menggunakan WorkBox-CLI, perpustakaan lain dari Google, untuk secara otomatis menghasilkan file manifes untuk pra-cache pra-serviceworker kami ketika kami menjalankan npm start . Anda dapat menemukan file konfigurasi ini di ./src/workbox-config.js .

Agar PDF tetap bertahan secara lokal sehingga mereka tidak perlu diunduh lagi, kami telah membuat Perpustakaan PSPDFKitFileStore . Ini menggunakan pembungkus berbasis yang ringan dan Promise di sekitar API indexedDB yang disebut idb di bawah kap. Kode ini dirancang untuk bekerja secara independen dari contoh PWA dan juga dapat digunakan di Internet Explorer 11.

Dukungan seluler

Jika Anda mencoba terhubung ke server pengembangan lokal dari jarak jauh, Anda akan dengan cepat melihat bahwa PWA tidak berfungsi seperti yang diharapkan. Hal ini disebabkan oleh fakta bahwa API PWA memerlukan sertifikat SSL/TLS yang valid untuk berfungsi dengan baik dan Anda mungkin tidak akan memiliki pengaturan ini secara lokal.

Untuk pengalaman yang lebih baik, kami sarankan Anda memeriksa contoh PWA yang di -host atau menggunakan build produksi ke server Anda sendiri.