For at gøre dette skal vi bruge et program, jeg udviklede, kaldet WebDGap. Det vil tillade os at konvertere enhver hjemmeside eller HTML / CSS / JavaScript / NodeJS webapplikation som en indbygget desktop app. WebDGap bruger nwjs-rammerne til at gøre dine apps kørende på både 32bit og 64bit-processorer.

forsyninger:

Trin 1: Kom godt i gang

WebDGap kræver, at du først tilføjer din applikations navn.

- Indlæs din ansøgning logo andet.

- Til sidst indlæse i din ansøgning kilde indkapslet i en zip-fil.

VIGTIG!!! (din zip-fil skal se sådan ud, når du eksporterer den som en desktop / chrome-applikation eller en udvidelse)

- index.html

- css / style.css

- js / jquery.js

- js / script.js

Zip eksempelet nedenfor vil ikke fungere !!!

- AppName / index.html

- AppName / css / style.css

- AppName / js / jquery.js

- AppName / js / script.js

BEMÆRK: Større zip-filer tager længere tid at indlæse og eksportere!

Hvis din ansøgning indeholder lyd, bedes du læse om "Brug af MP3 & MP4 (H.264) ved hjælp af video- og lydkoderne" - http://github.com/nwjs/nw.js/wiki/Using-MP3-&-MP …

Nu, når du først starter WebDGap, vil du blive præsenteret med en "Sådan bruges" video. Du kan se det eller fortsætte, da vi laver en Mac-app på vores Android-telefon! Hvorfor? Fordi mange mennesker stadig tror, ​​at du ikke kan lave Mac-apps på ikke-mac-enheder, og ved at vise, at du kan lave en Mac-app på en Android-telefon, vil de give dem den WOW-faktor, de har brug for: D

Trin 2: Eksportere til Mac

Filmenuen er nu kodet forskelligt på en Mac, end den er på Windows og Linux (som vi ikke vil diskutere her). Det vises også forskelligt på Windows og Linux, og alt det, vi skal gøre med, er, at vores applikations navn er synligt i Mac Finder.

Eksporterer vores Mac-applikation!

- Vælg først dit ansøgnings navn! (Dette vil blive brugt i appen, skal modificeres senere for at være synligt på Mac-enheder via Finder)

- Næste indlæsning i dit applikationslogo (Vi skal modificere det senere for at være synligt på Mac-enheder)

- Næste belastning i din zip-fil

- Eksporter nu til Mac

Indstilling af ikonet!

- Ligesom i Windows kan du konvertere et billede til et Mac-ikon ved at gå til `iConvert Icons`

- Næste åbner indholdet af din Mac-app (whatever.app). På Android kan du bruge ES File Explorer, hvis dine ikke har en indbygget File Explorer.

- Udskift filen `nw.icns` med det nye ikon, du har eksporteret (Sørg for, at det nye ikon, du eksporterede, er navngivet nw.icns)

Viser ansøgningsnavnet i Finder!

- Åbn filen `info.plist` i en tekst- eller kode redaktør efter eget valg. Fordi vi laver dette på en Android-telefon, kan vi bruge DroidEdit.

- Skift programnavnet til dit apps navn på linje 10 og 49. (Skal være ved siden af CFBundleDisplayName og CFBundleName)

Nu kan du komprimere / zip og distribuere. Derfor skal Mac-brugere ikke have problemer med at køre din ansøgning!

Trin 3: Sammenfatning

Eksport til stationære computere er super nemt, men mobilenheder kræver mere arbejde. Nu har jeg haft MAAANY folk spørger mig. "Hvorfor er dette gratis?" Mit svar er simpelt. Fordi det er hurtigere og lettere at gøre verden til et bedre sted. Stop med at klage og nyd. Ellers donere og / eller bidrage med: D

Meget af en todos. Pas på og altid have det sjovt:)