Membuat Aplikasi Desktop di Browser: 3 Langkah

Membuat Aplikasi Desktop di Browser: 3 Langkah

Daftar Isi:

Anonim

Untuk melakukan ini kita akan menggunakan aplikasi yang saya kembangkan bernama WebDGap. Ini akan memungkinkan kami untuk mengonversi situs web apa pun atau aplikasi web HTML / CSS / JavaScript / NodeJS sebagai aplikasi desktop asli. WebDGap menggunakan kerangka nwjs untuk membuat aplikasi Anda berjalan pada prosesor 32bit dan 64bit.

Persediaan:

Langkah 1: Memulai

WebDGap mengharuskan Anda untuk menambahkan nama aplikasi Anda terlebih dahulu.

- Muat logo aplikasi Anda kedua.

- Terakhir memuat sumber aplikasi Anda yang terbungkus dalam file zip.

PENTING!!! (file zip Anda harus terlihat seperti ini, saat mengekspornya sebagai aplikasi desktop / chrome, atau ekstensi)

- index.html

- css / style.css

- js / jquery.js

- js / script.js

Contoh zip di bawah ini TIDAK AKAN BEKERJA !!!

- AppName / index.html

- AppName / css / style.css

- AppName / js / jquery.js

- AppName / js / script.js

CATATAN: File zip yang lebih besar membutuhkan waktu lebih lama memuat dan mengekspor!

Jika aplikasi Anda mengandung audio, silakan baca di "Menggunakan MP3 & MP4 (H.264) menggunakan tag video & audio" - http://github.com/nwjs/nw.js/wiki/Using-MP3-&-MP …

Sekarang ketika Anda pertama kali meluncurkan WebDGap Anda akan disajikan dengan video "Cara Menggunakan". Anda dapat menontonnya atau melanjutkannya karena kami akan membuat aplikasi Mac di ponsel Android kami! Mengapa? Karena banyak orang masih percaya Anda tidak dapat membuat aplikasi Mac di perangkat non-mac dan dengan menunjukkan Anda dapat membuat aplikasi Mac di ponsel Android akan memberi mereka faktor WOW yang mereka butuhkan: D

Langkah 2: Mengekspor untuk Mac

Sekarang menu file dikodekan secara berbeda di Mac daripada di Windows dan Linux (yang tidak akan kita diskusikan di sini). Ini juga ditampilkan secara berbeda pada Windows dan Linux yang akan kita lakukan adalah memastikan nama aplikasi kita terlihat di Mac Finder.

Mengekspor Aplikasi Mac Kami!

- Pertama pilih nama aplikasi Anda! (Ini akan digunakan dalam aplikasi, perlu mod nanti agar terlihat pada perangkat Mac melalui Finder)

- Muat berikutnya di logo aplikasi Anda (Kami perlu mengubahnya nanti agar terlihat di perangkat Mac)

- Selanjutnya muat di file zip Anda

- Sekarang ekspor untuk Mac

Mengatur Ikon!

- Sama seperti untuk Windows, Anda dapat mengubah gambar apa saja menjadi ikon Mac dengan membuka `iConvert Icons`

- Selanjutnya buka konten aplikasi Mac Anda (apa pun. App). Pada Android Anda dapat menggunakan ES File Explorer jika Anda tidak memiliki File Explorer bawaan.

- Ganti file `nw.icns` dengan ikon baru yang telah Anda ekspor (Pastikan ikon baru yang Anda ekspor bernama nw.icns)

Menampilkan Nama Aplikasi dalam Finder!

- Buka file `info.plist` ke dalam teks atau editor kode pilihan Anda. Karena kami melakukan ini di ponsel Android, kami dapat menggunakan DroidEdit.

- Ubah nama aplikasi menjadi nama aplikasi Anda secara online 10 dan 49. (Harus di sebelah CFBundleDisplayName dan CFBundleName)

Sekarang Anda dapat mengompres / zip dan mendistribusikan. Dengan demikian, pengguna Mac seharusnya tidak memiliki masalah dalam menjalankan aplikasi Anda!

Langkah 3: Ringkasan

Mengekspor untuk desktop sangat mudah tetapi perangkat seluler membutuhkan lebih banyak pekerjaan. Sekarang saya sudah punya MAAANY orang bertanya kepada saya. "Kenapa ini gratis?" Jawaban saya sederhana. Karena lebih cepat dan lebih mudah untuk membuat dunia menjadi tempat yang lebih baik. Berhentilah mengeluh dan nikmatilah. Kalau tidak, donasi dan / atau bantu berkontribusi: D

Mucho cinta seorang todos. Berhati-hatilah dan selalu bersenang-senang:)