Pada kesempatan kali ini Konsep Koding akan berbagi tutorial mengenai cara membuat website menjadi aplikasi Desktop, mungkin bagi teman-teman yang memiliki sebuah Website dan ingin menjadikan website anda menjadi aplikasi Desktop karena suatu alasan. Anda menemukan tutorial yang tepat karena pada tutorial kali ini saya akan memberikan tutorial yang lengkap dan simpel bagaimana cara membuat sebuah website menjadi aplikasi Desktop yang keren. Contoh beberapa aplikasi Desktop yang terkenal menggunakan Webview anatara lain : Mattermost dan Rambox.
Desktop App Dari Web |
Persiapan
Apa yang ada butuhkan untuk menjadikan Website anda menjadi Aplikasi Desktop:
Ketika menginstall Node maka anda akan otomatis menginstall NPM, jadi ikut link di atas. Untuk menginstall NODE dan NPM di komputer anda jika anda belum pernah menginstall sebelumnya.
Menginstall Nativefier
Nativefier adalah alat baris perintah untuk dengan mudah membuat aplikasi desktop untuk situs web apa pun dengan konfigurasi minimal. Aplikasi dibungkus oleh Electron (yang menggunakan Chromium di bawah tenda) dalam OS yang dapat dijalankan (.app, .exe, dll) untuk digunakan di Windows, macOS dan Linux.
Jadi anda bisa membuat Aplikasi Desktop untuk Mac, Windows dan Linux dari Web anda, selain itu nativefier menggunakan Electron yang merupakan Javascript.
Buka terimnal atau CMD anda kemudian tuliskan perintah di bawah ini :
npm install nativefier -g
Tunggu proses instalalsi sampai selesai.
Membuat Desktop Dari Web Anda
Setelah anda berhasil menginstall Nativefier di Laptop/PC anda buka terminal dan ketikan perintah di bawah ini :
Dan ini adalah hasilnya ketika saya install aplikasi Desktop saya:
Sekian semoga dapat bermanfaat dan membantu kamu yang sedang membuat aplikasi Desktop dari Web mu dengan mudah dan simpel menggunakan Javscript.
Baca Juga :
Pengertian Agile dan Scrum Serta Manfaatnya
Apa Itu Programmer? (Penjelasannya Lengkap)
7 Situs Terbaik Untuk Programer Terbaik Sedunia
Pengertian Agile dan Scrum Serta Manfaatnya
Apa Itu Programmer? (Penjelasannya Lengkap)
7 Situs Terbaik Untuk Programer Terbaik Sedunia
3 Comments
Cara ngeprint file dari aplikasi itu gimana
ReplyDeleteItu Kayak browser sih kayak slack itu kan dari js. Kalau di Android mirip Webview konsepnya mas.
DeleteCara ngeprint file dari aplikasi hasil dari node js gimana
ReplyDelete