INSTALL PDF TOOLKIT DI SERVER UBUNTU 22.04 - Revision history

Smpdbos: /* 4. Pastikan permission */

2026-09-05T06:23:19Z

4. Pastikan permission

← Older revision		Revision as of 06:23, 5 September 2026
Line 124:		Line 124:

	==4. Pastikan permission==		==4. Pastikan permission==
	sudo chown -R root:root /var/www/pdf-toolkit		sudo chown -R root:root /var/www/pdf-toolkit-app
	sudo chmod -R 755 /var/www/pdf-toolkit		sudo chmod -R 755 /var/www/pdf-toolkit-app

	Karena service hanya membaca file dist, www-data tetap dapat membacanya.		Karena service hanya membaca file dist, www-data tetap dapat membacanya.

Smpdbos: /* Untuk Menjalankan sebagai server production */

2026-09-02T14:21:36Z

Untuk Menjalankan sebagai server production

← Older revision		Revision as of 14:21, 2 September 2026
Line 70:		Line 70:
	menggunakan serve untuk melayani folder dist.		menggunakan serve untuk melayani folder dist.

	1. Pastikan aplikasi sudah di-build		==1. Pastikan aplikasi sudah di-build==
	cd /var/www/pdf-toolkit		cd /var/www/pdf-toolkit
	npm install		npm install
Line 81:		Line 81:
	ada index.html.		ada index.html.

	2. Cari lokasi serve		==2. Cari lokasi serve==

	Jalankan:		Jalankan:
Line 97:		Line 97:
	Jangan menebak path-nya. Gunakan hasil which serve untuk konfigurasi service.		Jangan menebak path-nya. Gunakan hasil which serve untuk konfigurasi service.

	3. Buat systemd service		==3. Buat systemd service==
	sudo nano /etc/systemd/system/pdf-toolkit.service		sudo nano /etc/systemd/system/pdf-toolkit.service

Line 123:		Line 123:
	sesuai path tersebut.		sesuai path tersebut.

	4. Pastikan permission		==4. Pastikan permission==
	sudo chown -R root:root /var/www/pdf-toolkit		sudo chown -R root:root /var/www/pdf-toolkit
	sudo chmod -R 755 /var/www/pdf-toolkit		sudo chmod -R 755 /var/www/pdf-toolkit
Line 129:		Line 129:
	Karena service hanya membaca file dist, www-data tetap dapat membacanya.		Karena service hanya membaca file dist, www-data tetap dapat membacanya.

	5. Reload systemd		==5. Reload systemd==
	sudo systemctl daemon-reload		sudo systemctl daemon-reload

Line 140:		Line 140:
	sudo systemctl start pdf-toolkit		sudo systemctl start pdf-toolkit

	6. Periksa status		==6. Periksa status==
	sudo systemctl status pdf-toolkit --no-pager -l		sudo systemctl status pdf-toolkit --no-pager -l

Line 149:		Line 149:
	Active: active (running)		Active: active (running)

	7. Tes port 8080		==7. Tes port 8080==
	sudo ss -lntp \| grep 8080		sudo ss -lntp \| grep 8080

	Kemudian:		Kemudian:
Line 158:		Line 158:
	Kalau berhasil, akan mendapatkan HTML aplikasi.		Kalau berhasil, akan mendapatkan HTML aplikasi.

	8. Tes restart server		==8. Tes restart server==

	Ini yang memastikan systemd benar-benar bekerja:		Ini yang memastikan systemd benar-benar bekerja:

Smpdbos: /* Untuk Menjalankan sebagai server production */

2026-09-02T14:18:59Z

Untuk Menjalankan sebagai server production

← Older revision		Revision as of 14:18, 2 September 2026
Line 105:		Line 105:
	Description=PDF Toolkit Web Application		Description=PDF Toolkit Web Application
	After=network.target		After=network.target

	[Service]		[Service]
	Type=simple		Type=simple
	User=www-data		User=www-data
	Group=www-data		Group=www-data

	WorkingDirectory=/var/www/pdf-toolkit		WorkingDirectory=/var/www/pdf-toolkit

	ExecStart=/usr/bin/serve -s dist -l 8080		ExecStart=/usr/bin/serve -s dist -l 8080

	Restart=always		Restart=always
	RestartSec=5		RestartSec=5

	Environment=NODE_ENV=production		Environment=NODE_ENV=production

	[Install]		[Install]
	WantedBy=multi-user.target		WantedBy=multi-user.target
Line 125:		Line 119:
	Jika which serve menghasilkan path berbeda, ubah bagian:		Jika which serve menghasilkan path berbeda, ubah bagian:

	ExecStart=/usr/bin/serve -s dist -l 8080		ExecStart=/usr/bin/serve -s dist -l 8080

	sesuai path tersebut.		sesuai path tersebut.

	4. Pastikan permission		4. Pastikan permission
	sudo chown -R root:root /var/www/pdf-toolkit		sudo chown -R root:root /var/www/pdf-toolkit
	sudo chmod -R 755 /var/www/pdf-toolkit		sudo chmod -R 755 /var/www/pdf-toolkit

	Karena service hanya membaca file dist, www-data tetap dapat membacanya.		Karena service hanya membaca file dist, www-data tetap dapat membacanya.

	5. Reload systemd		5. Reload systemd
	sudo systemctl daemon-reload		sudo systemctl daemon-reload

	Aktifkan agar otomatis saat boot:		Aktifkan agar otomatis saat boot:

	sudo systemctl enable pdf-toolkit		sudo systemctl enable pdf-toolkit

	Jalankan:		Jalankan:

	sudo systemctl start pdf-toolkit		sudo systemctl start pdf-toolkit

	6. Periksa status		6. Periksa status
	sudo systemctl status pdf-toolkit --no-pager -l		sudo systemctl status pdf-toolkit --no-pager -l

	Targetnya:		Targetnya:
Line 153:		Line 148:
	Loaded: loaded		Loaded: loaded
	Active: active (running)		Active: active (running)

	7. Tes port 8080		7. Tes port 8080
	sudo ss -lntp \| grep 8080		sudo ss -lntp \| grep 8080
Line 158:		Line 154:
	Kemudian:		Kemudian:

	curl http://127.0.0.1:8080		curl http://127.0.0.1:8080

	Kalau berhasil, akan mendapatkan HTML aplikasi.		Kalau berhasil, akan mendapatkan HTML aplikasi.
Line 166:		Line 162:
	Ini yang memastikan systemd benar-benar bekerja:		Ini yang memastikan systemd benar-benar bekerja:

	sudo reboot		sudo reboot

	Setelah server hidup kembali:		Setelah server hidup kembali:

	sudo systemctl status pdf-toolkit --no-pager		sudo systemctl status pdf-toolkit --no-pager

	Harus kembali:		Harus kembali:

	Active: active (running)		Active: active (running)
	~~9. Hubungkan ke Cloudflare Tunnel~~

	~~Karena Apache tetap menggunakan:~~

	~~:80~~

	PD

Smpdbos: /* Untuk Menjalankan sebagai server production */

2026-09-02T14:16:28Z

Untuk Menjalankan sebagai server production

← Older revision		Revision as of 14:16, 2 September 2026
Line 64:		Line 64:

	=Untuk Menjalankan sebagai server production=		=Untuk Menjalankan sebagai server production=
	Setelah npm run build, jalankan :		Setelah npm run build, jalankan :
	sudo npm install -g serve		sudo npm install -g serve
	sudo serve -s dist -l 4071		sudo serve -s dist -l 4071
Line 102:		Line 102:
	Isi:		Isi:

	[Unit]		[Unit]
	Description=PDF Toolkit Web Application		Description=PDF Toolkit Web Application
	After=network.target		After=network.target

	[Service]		[Service]
	Type=simple		Type=simple
	User=www-data		User=www-data
	Group=www-data		Group=www-data

	WorkingDirectory=/var/www/pdf-toolkit		WorkingDirectory=/var/www/pdf-toolkit

	ExecStart=/usr/bin/serve -s dist -l 8080		ExecStart=/usr/bin/serve -s dist -l 8080

	Restart=always		Restart=always
	RestartSec=5		RestartSec=5

	Environment=NODE_ENV=production		Environment=NODE_ENV=production

	[Install]		[Install]
	WantedBy=multi-user.target		WantedBy=multi-user.target

	Jika which serve menghasilkan path berbeda, ubah bagian:		Jika which serve menghasilkan path berbeda, ubah bagian:

Smpdbos: /* Untuk Menjalankan sebagai server production */

2026-09-02T14:14:30Z

Untuk Menjalankan sebagai server production

← Older revision		Revision as of 14:14, 2 September 2026
Line 71:		Line 71:

	1. Pastikan aplikasi sudah di-build		1. Pastikan aplikasi sudah di-build
	cd /var/www/pdf-toolkit		cd /var/www/pdf-toolkit
	npm install		npm install
	npm run build		npm run build

	Pastikan:		Pastikan:

	ls -lah /var/www/pdf-toolkit/dist		ls -lah /var/www/pdf-toolkit/dist

	ada index.html.		ada index.html.
Line 85:		Line 85:
	Jalankan:		Jalankan:

	which serve		which serve

	Biasanya hasilnya:		Biasanya hasilnya:

	/usr/bin/serve		/usr/bin/serve

	atau jika Node.js dipasang dari NodeSource, bisa saja:		atau jika Node.js dipasang dari NodeSource, bisa saja:

	/usr/lib/node_modules/serve/build/main.js		/usr/lib/node_modules/serve/build/main.js

	Jangan menebak path-nya. Gunakan hasil which serve untuk konfigurasi service.		Jangan menebak path-nya. Gunakan hasil which serve untuk konfigurasi service.

	3. Buat systemd service		3. Buat systemd service
	sudo nano /etc/systemd/system/pdf-toolkit.service		sudo nano /etc/systemd/system/pdf-toolkit.service

	Isi:		Isi:

Smpdbos at 17:40, 27 August 2026

2026-08-27T17:40:24Z

← Older revision		Revision as of 17:40, 27 August 2026
Line 62:		Line 62:

	setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain		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:

			curl http://127.0.0.1:8080

			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

Smpdbos at 15:14, 27 August 2026

2026-08-27T15:14:52Z

← Older revision		Revision as of 15:14, 27 August 2026
Line 7:		Line 7:
	==1. Clone the repository: ==		==1. Clone the repository: ==

	- git clone <nowiki>https://github.com/yashdhanani/pdf-toolkit-app.git</nowiki>		- sudo git clone <nowiki>https://github.com/yashdhanani/pdf-toolkit-app.git</nowiki>

	- cd pdf-toolkit-app		- cd pdf-toolkit-app
Line 17:		Line 17:
	==3. Start the development server:==		==3. Start the development server:==

	- npm run dev		- sudo npm run dev

	- Open <nowiki>http://localhost:5173/pdf-toolkit-app/</nowiki> in your browser.		- Open <nowiki>http://localhost:5173/pdf-toolkit-app/</nowiki> in your browser.
Line 23:		Line 23:
	==4. Build for production:==		==4. Build for production:==

	- npm run build		- sudo npm run build

	==5. Preview the production build:==		==5. Preview the production build:==

	- npm run preview		- sudo npm run preview


Line 34:		Line 34:
	Cara merubahnya		Cara merubahnya

	''nano vite.config.js''		''sudo nano vite.config.js''

Smpdbos: /* 5. Preview the production build: */

2026-08-27T14:11:05Z

5. Preview the production build:

← Older revision		Revision as of 14:11, 27 August 2026
Line 41:		Line 41:
	'''export default defineConfig({		'''export default defineConfig({

	base: '/pdf-toolkit-app/',		''''base: '/pdf-toolkit-app/',

	plugins: ['''		''''plugins: ['''


Line 50:		Line 50:
	'''export default defineConfig({		'''export default defineConfig({

	base: '/pdf-toolkit-app/',		'''base: '/pdf-toolkit-app/',

	server: {		'''server: {

	allowedHosts: ['pdf.smpyppksantodonboscofakfak.sch.id'],		'''allowedHosts: ['pdf.smpyppksantodonboscofakfak.sch.id'],

	},		'''},

	plugins: ['''		'''plugins: ['''


	setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain		setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain

Smpdbos at 14:09, 27 August 2026

2026-08-27T14:09:42Z

← Older revision		Revision as of 14:09, 27 August 2026
Line 39:		Line 39:
	Tampilan bagian atas sebelum di rubah :		Tampilan bagian atas sebelum di rubah :

	~~===~~export default defineConfig({		'''export default defineConfig({

	base: '/pdf-toolkit-app/',		base: '/pdf-toolkit-app/',

	plugins: [~~===~~		plugins: ['''


	Tampilan sesudah di rubah :		Tampilan sesudah di rubah :

	~~===~~export default defineConfig({		'''export default defineConfig({

	base: '/pdf-toolkit-app/',		base: '/pdf-toolkit-app/',
Line 58:		Line 58:
	},		},

	plugins: [~~===~~		plugins: ['''


	setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain		setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain

Smpdbos at 14:06, 27 August 2026

2026-08-27T14:06:42Z

← Older revision		Revision as of 14:06, 27 August 2026
Line 39:		Line 39:
	Tampilan bagian atas sebelum di rubah :		Tampilan bagian atas sebelum di rubah :

	''export default defineConfig({		===export default defineConfig({

	base: '/pdf-toolkit-app/',		base: '/pdf-toolkit-app/',

	plugins: [''		plugins: [===


	Tampilan sesudah di rubah :		Tampilan sesudah di rubah :

	''export default defineConfig({		===export default defineConfig({

	base: '/pdf-toolkit-app/',		base: '/pdf-toolkit-app/',
Line 58:		Line 58:
	},		},

	plugins: [''		plugins: [===


	setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain		setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain