Lag en stasjonær app i nettleseren: 3 trinn

Lag en stasjonær app i nettleseren: 3 trinn

Innholdsfortegnelse:

Anonim

For å gjøre dette skal vi bruke et program jeg utviklet, kalt WebDGap. Det vil tillate oss å konvertere et nettsted eller HTML / CSS / JavaScript / NodeJS webprogram som en innfødt desktop app. WebDGap bruker nwjs-rammeverket for å gjøre appene dine kjørt på både 32bit og 64bit-prosessorer.

forsyninger:

Trinn 1: Komme i gang

WebDGap krever at du legger til søknadens navn først.

- Legg inn søknadens logo andre.

- Last inn i programmets kilde innkapslet i en zip-fil.

VIKTIG!!! (zip-filen din må se slik ut, når du eksporterer den som et skrivebord / krom-program eller en utvidelse)

- 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

MERK: Større zip-filer tar lengre tid å laste og eksportere!

Hvis din søknad inneholder lyd, vennligst les opp på "Bruke MP3 og MP4 (H.264) ved hjelp av video- og lydkoder" - http://github.com/nwjs/nw.js/wiki/Using-MP3-&-MP …

Nå når du først starter WebDGap, vil du bli presentert med en "How To Use" -video. Du kan se det eller fortsette som vi skal lage en Mac-app på vår Android-telefon! Hvorfor? Fordi mange fortsatt tror at du ikke kan lage Mac-apper på ikke-Mac-enheter, og ved å vise at du kan lage en Mac-app på en Android-telefon, vil de gi dem den WOW-faktoren de trenger: D

Trinn 2: Eksportere til Mac

Nå er filmenyen kodet annerledes på en Mac enn den er på Windows og Linux (som vi ikke vil diskutere her). Den vises også annerledes på Windows og Linux, og alt vi skal gjøre med det, er at søknadens navn er synlig i Mac Finder.

Eksporterer vår Mac-applikasjon!

- Velg først søknadens navn! (Dette vil bli brukt i appen, må mod det senere for å være synlig på Mac-enheter via Finder)

- Neste belastning i applikasjonslogoen (Vi må mod det senere for å være synlig på Mac-enheter)

- Neste belastning i zip-filen din

- Nå eksporter for Mac

Angi ikonet!

- Som for Windows kan du konvertere et bilde til et Mac-ikon ved å gå til `iConvert Icons`

- Åpne deretter innholdet til Mac-appen din (uansett.app). På Android kan du bruke ES File Explorer hvis din ikke har en innebygd File Explorer.

- Erstatt `nnsic`-filen med det nye ikonet du har eksportert (Kontroller at det nye ikonet du eksporterte heter nw.icns)

Viser applikasjonsnavnet i Finder!

- Åpne filen `info.plist` til en tekst- eller kodeditor av ditt valg. Fordi vi gjør dette på en Android-telefon, kan vi bruke DroidEdit.

- Endre programnavnet til appens navn på linje 10 og 49. (Skal være ved siden av CFBundleDisplayName og CFBundleName)

Nå kan du komprimere / zip og distribuere. Derfor må Mac-brukere ikke ha problemer med å kjøre programmet!

Trinn 3: Sammendrag

Eksportere til stasjonære datamaskiner er super enkelt, men mobilenheter krever mer arbeid. Nå har jeg hatt MAAANY folk spør meg. "Hvorfor er dette gratis?" Mitt svar er enkelt. Fordi det er raskere og enklere å gjøre verden til et bedre sted. Stopp å klage og nyte. Ellers donere og / eller bidra med bidrag: D

Mye er en todos. Vær forsiktig og ha det gøy:)