Gumawa ng Desktop App sa Browser: 3 Hakbang

Gumawa ng Desktop App sa Browser: 3 Hakbang

Talaan ng mga Nilalaman:

Anonim

Upang gawin ito gagamitin namin ang isang application na binuo ko na tinatawag na WebDGap. Ito ay magpapahintulot sa amin na i-convert ang anumang website o HTML / CSS / JavaScript / NodeJS web application bilang isang native na desktop app. Ginagamit ng WebDGap ang nwjs framework para gawing run ang iyong apps sa parehong 32bit at 64bit processors.

Mga Kagamitan:

Hakbang 1: Pagsisimula

Kinakailangan ka ng WebDGap na idagdag ang pangalan ng iyong aplikasyon muna.

- I-load ang ikalawang logo ng iyong application.

- Panghuli load sa pinagmulan ng iyong application na naka-encode sa isang zip file.

MAHALAGA !!! (ang iyong zip file ay dapat magmukhang tulad nito, kapag na-export ito bilang desktop / chrome application, o extension)

- index.html

- css / style.css

- js / jquery.js

- js / script.js

Ang zip na halimbawa sa ibaba ay hindi gagana !!!

- AppName / index.html

- AppName / css / style.css

- AppName / js / jquery.js

- AppName / js / script.js

TANDAAN: Ang mas malaking mga file ng zip ay tumatagal ng mas mahabang oras sa paglo-load at pag-export!

Kung ang iyong application ay naglalaman ng audio mangyaring basahin sa "Paggamit ng MP3 & MP4 (H.264) gamit ang mga tag ng video at audio" - http://github.com/nwjs/nw.js/wiki/Using-MP3-&-MP …

Ngayon noong una mong inilunsad ang WebDGap ikaw ay bibigyan ng video na "Paano Upang Gamitin". Maaari mong panoorin iyon o magpatuloy habang kami ay gumagawa ng Mac app sa aming Android phone! Bakit? Dahil maraming naniniwala ang mga tao na hindi ka maaaring gumawa ng Mac apps sa mga di-mac device at sa pamamagitan ng pagpapakita maaari kang gumawa ng isang Mac app sa isang Android phone ay magbibigay sa kanila na WOW kadahilanan na kailangan nila: D

Hakbang 2: Pag-export para sa Mac

Ngayon ang menu ng file ay naiiba sa coded sa isang Mac kaysa ito sa Windows at Linux (na hindi natin tatalakay dito). Ito ay ipinapakita din nang naiiba sa Windows at Linux na kung saan ang lahat ng gagawin namin sa iyon ay tiyakin na ang pangalan ng aming aplikasyon ay makikita sa Mac Finder.

Pag-e-export ng aming Mac Application!

- Una piliin ang pangalan ng iyong aplikasyon! (Ito ay gagamitin sa app, kakailanganin itong i-mod sa ibang pagkakataon upang makita sa mga Mac device sa pamamagitan ng Finder)

- Susunod na pag-load sa iyong mga application logo (Kakailanganin naming i-mod ito mamaya upang makita sa mga aparatong Mac)

- Susunod na pag-load sa iyong zip file

- Mag-export ngayon para sa Mac

Pagtatakda ng Icon!

- Tulad ng para sa Windows maaari mong i-convert ang anumang imahe sa isang Mac icon sa pamamagitan ng pagpunta sa `iConvert Icon`

- Susunod na buksan ang nilalaman ng iyong Mac app (whatever.app). Sa Android maaari mong gamitin ang ES File Explorer kung wala kang isang built-in na File Explorer.

- Palitan ang file na `nw.icns` gamit ang bagong icon na nai-export mo (Tiyaking pinangalanan ang bagong icon na nai-export mo nw.icns)

Ipinapakita ang Pangalan ng Application sa Finder!

- Buksan ang file na `info.plist` sa isang text o code editor na gusto mo. Dahil ginagawa namin ito sa isang Android phone maaari naming gamitin ang DroidEdit.

- Baguhin ang pangalan ng application sa pangalan ng iyong apps sa linya 10 at 49. (Dapat na susunod CFBundleDisplayName at CFBundleName)

Ngayon ay maaari kang mag-compress / zip at ipamahagi. Kaya ang mga gumagamit ng Mac ay dapat na walang problema sa pagpapatakbo ng iyong application!

Hakbang 3: Buod

Ang pag-export para sa mga desktop ay napakadali ngunit nangangailangan ng mas maraming trabaho ang mga mobile device. Ngayon ako ay may MAAANY mga tao na magtanong sa akin. "Bakit libre ito?" Simple lang ang sagot ko. Dahil mas mabilis at mas madali itong gawing isang mas mahusay na lugar sa mundo. Ihinto ang pagrereklamo at magsaya. Kung hindi, mag-donate at / o tumulong sa pag-ambag: D

Mucho amor a todos. Mag-ingat at palaging magsaya:)