Buat App Desktop dalam Pelayar: 3 Langkah

Buat App Desktop dalam Pelayar: 3 Langkah

Isi kandungan:

Anonim

Untuk melakukan ini kita akan menggunakan aplikasi yang saya buat dikenali sebagai WebDGap. Ia akan membolehkan kami menukar mana-mana laman web atau aplikasi web HTML / CSS / JavaScript / NodeJS sebagai aplikasi desktop asli. WebDGap menggunakan rangka kerja nwjs untuk menjadikan aplikasi anda berjalan pada kedua-dua 32bit dan 64bit pemproses.

Bekalan:

Langkah 1: Bermula

WebDGap memerlukan anda untuk menambah nama permohonan anda terlebih dahulu.

- Muatkan logo permohonan anda kedua.

- Terakhir memuatkan dalam sumber permohonan anda terbungkus dalam fail zip.

PENTING !!! (fail zip anda mesti kelihatan seperti ini, apabila mengeksportnya sebagai aplikasi desktop / chrome, atau sambungan)

- index.html

- css / style.css

- js / jquery.js

- js / script.js

Contoh zip di bawah TIDAK AKAN BEKERJA !!!

- AppName / index.html

- AppName / css / style.css

- AppName / js / jquery.js

- AppName / js / script.js

NOTA: Fail zip lebih besar mengambil masa lebih lama dan mengeksport!

Sekiranya aplikasi anda mengandungi audio sila baca pada "Menggunakan MP3 & MP4 (H.264) menggunakan tag video & audio" - http://github.com/nwjs/nw.js/wiki/Using-MP3-&-MP …

Sekarang apabila anda mula-mula melancarkan WebDGap, anda akan dibentangkan dengan video "Cara Menggunakan". Anda boleh menontonnya atau terus bersama kerana kami akan membuat aplikasi Mac pada telefon Android kami! Mengapa? Kerana ramai orang masih percaya anda tidak boleh membuat aplikasi Mac pada peranti bukan mac dan dengan menunjukkan anda boleh membuat aplikasi Mac pada telefon Android akan memberi mereka faktor WOW yang mereka perlukan: D

Langkah 2: Mengeksport untuk Mac

Sekarang menu fail dikodkan secara berbeza pada Mac daripada pada Windows dan Linux (yang tidak akan dibincangkan di sini). Ia juga dipaparkan secara berbeza pada Windows dan Linux yang akan kami lakukan dengan itu memastikan nama aplikasi kami kelihatan di Mac Finder.

Mengeksport Aplikasi Mac kami!

- Pertama pilih nama permohonan anda! (Ini akan digunakan dalam aplikasi, perlu memodeninya kemudian untuk dilihat pada peranti Mac melalui Pencari)

- Beban seterusnya dalam logo aplikasi anda (Kami perlu memodeninya kemudian untuk dilihat pada peranti Mac)

- Beban seterusnya dalam fail zip anda

- Sekarang eksport untuk Mac

Menetapkan Ikon!

- Sama seperti untuk Windows, anda boleh menukar sebarang imej ke ikon Mac dengan pergi ke `iConvert Icons`

- Selanjutnya buka kandungan apl Mac anda (whatever.app). Di Android, anda boleh menggunakan ES File Explorer jika anda tidak mempunyai File Explorer terbina dalam.

- Gantikan fail `nw.icns` dengan ikon baru yang telah dieksport (Pastikan ikon baru yang anda eksport dinamakan nw.icns)

Menunjukkan Nama Permohonan dalam Pencari!

- Buka fail `info.plist` ke dalam teks atau editor kod pilihan anda. Sebab kita melakukan ini pada telefon Android kita boleh menggunakan DroidEdit.

- Tukar nama aplikasi ke nama aplikasi anda pada baris 10 dan 49. (Harus di sebelah CFBundleDisplayName dan CFBundleName)

Kini anda boleh menekan / zip dan mengedarkan. Jadi pengguna Mac sepatutnya tidak mempunyai masalah menjalankan aplikasi anda!

Langkah 3: Ringkasan

Mengeksport untuk komputer meja adalah sangat mudah tetapi peranti mudah alih memerlukan lebih banyak kerja. Sekarang saya mempunyai orang MAAANY bertanya kepada saya. "Mengapa ini percuma?" Jawapan saya adalah mudah. Kerana ia lebih cepat dan mudah menjadikan dunia menjadi tempat yang lebih baik. Berhenti mengeluh dan nikmati. Jika tidak, dermakan dan / atau bantu menyumbang: D

Mucho amor todos. Berhati-hati dan sentiasa bersenang-senang:)