INSTALL PDF TOOLKIT DI SERVER UBUNTU 22.04
PDF Toolkit: Utilitas PDF Berbasis Browser yang Serbaguna. Aplikasi web modern dan responsif yang dibangun menggunakan React dan Vite, serta didukung oleh UnoCSS untuk penataan gaya yang sangat cepat. Alat ini memungkinkan pengguna melakukan berbagai manipulasi PDF umum langsung di dalam browser, sehingga menjamin privasi dan efisiensi.
Sumber : https://github.com/yashdhanani/pdf-toolkit-a
Installation & Setup
1. Clone the repository:
- sudo git clone https://github.com/yashdhanani/pdf-toolkit-app.git
- cd pdf-toolkit-app
2. Install dependencies:
- npm install
3. Start the development server:
- sudo npm run dev
- Open http://localhost:5173/pdf-toolkit-app/ in your browser.
4. Build for production:
- sudo npm run build
5. Preview the production build:
- sudo npm run preview
Untuk akses menggunakan domain misalnya domain : pdf.smpyppksantodonboscofakfak.sch.id, yang harus di rubah adalah file vite.config.js
Cara merubahnya
sudo nano vite.config.js
Tampilan bagian atas sebelum di rubah :
export default defineConfig({
'base: '/pdf-toolkit-app/',
'plugins: [
Tampilan sesudah di rubah :
export default defineConfig({
base: '/pdf-toolkit-app/',
server: {
allowedHosts: ['pdf.smpyppksantodonboscofakfak.sch.id'],
},
plugins: [
setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain
Untuk Menjalankan sebagai server production
Setelah npm run build, jalankan : sudo npm install -g serve sudo serve -s dist -l 4071
menggunakan serve untuk melayani folder dist.
1. Pastikan aplikasi sudah di-build
cd /var/www/pdf-toolkit npm install npm run build
Pastikan:
ls -lah /var/www/pdf-toolkit/dist
ada index.html.
2. Cari lokasi serve
Jalankan:
which serve
Biasanya hasilnya:
/usr/bin/serve
atau jika Node.js dipasang dari NodeSource, bisa saja:
/usr/lib/node_modules/serve/build/main.js
Jangan menebak path-nya. Gunakan hasil which serve untuk konfigurasi service.
3. Buat systemd service
sudo nano /etc/systemd/system/pdf-toolkit.service
Isi:
[Unit] Description=PDF Toolkit Web Application After=network.target
[Service] Type=simple User=www-data Group=www-data
WorkingDirectory=/var/www/pdf-toolkit
ExecStart=/usr/bin/serve -s dist -l 8080
Restart=always RestartSec=5
Environment=NODE_ENV=production
[Install] WantedBy=multi-user.target
Jika which serve menghasilkan path berbeda, ubah bagian:
ExecStart=/usr/bin/serve -s dist -l 8080
sesuai path tersebut.
4. Pastikan permission sudo chown -R root:root /var/www/pdf-toolkit sudo chmod -R 755 /var/www/pdf-toolkit
Karena service hanya membaca file dist, www-data tetap dapat membacanya.
5. Reload systemd sudo systemctl daemon-reload
Aktifkan agar otomatis saat boot:
sudo systemctl enable pdf-toolkit
Jalankan:
sudo systemctl start pdf-toolkit 6. Periksa status sudo systemctl status pdf-toolkit --no-pager -l
Targetnya:
● pdf-toolkit.service
Loaded: loaded Active: active (running)
7. Tes port 8080 sudo ss -lntp | grep 8080
Kemudian:
Kalau berhasil, akan mendapatkan HTML aplikasi.
8. Tes restart server
Ini yang memastikan systemd benar-benar bekerja:
sudo reboot
Setelah server hidup kembali:
sudo systemctl status pdf-toolkit --no-pager
Harus kembali:
Active: active (running) 9. Hubungkan ke Cloudflare Tunnel
Karena Apache tetap menggunakan:
- 80
PD