Deuropener van de Garage van de elektrische Imp (9 / 11 stap)

Stap 9: Het configureren van IIS Express en laden van de App op uw iPhone


Alle ontwikkeling werd gedaan met behulp van Visual Studio Express 2012 voor Web dat is gratis en downloadbaar vanaf Microsoft hier: http://www.microsoft.com/visualstudio/eng/downloads#d-express-web
Testen van de HTML-app automatisch branden op IIS Express (Microsoft Web Server) op de achtergrond wanneer u uw desktop browser (Chrome/Safari/IE etc) als uw doelgroep debug gebruikt. Echter, om te testen de HTML-App op je telefoon, moet u enkele wijzigingen aanbrengen in IIS Express aan het toestaan van externe verbindingen aan.

Configuring IIS Express voor externe verbindingen
Het application.config XML-bestand bevindt zich hier: C:\Users\YourName\Documents\IISExpress\config
Eerste ding om te doen is om het mimeType voor uw cache-manifest. We gebruiken .appcache als de bestandsextensie. U kunt elke gewenste extensie gebruiken, maar lijkt een algemeen .appcache. Het manifest MIME-type is tekst/cache-manifest, die de browser het type bestand vertelt. Zodra het type wordt geregistreerd zal webserver omvatten het MIME-type in de response-header telkens wanneer die de pagina wordt opgevraagd.
De tweede wijziging aan het bestand is om IIS Express voor pagina's op externe verbindingen. Standaard zal het alleen poorten binding met verbindingen uit "localhost" die niet goed is voor het testen van de afstand met de iPhone. Om dit gedrag te wijzigen, moet u de site-configuratie-instellingen voor uw website wijzigen door het veranderen van de atttribute van de bindingInformation van "localhost" aan "*", waardoor IIS Express te binden aan elk IP-adres, niet alleen "localhost". Het nummer van uw poort zullen afwijken van het fragment hieronder weergegeven – dat is ok, want het zal de poort toegewezen door IIS Express op uw computer. Uw web "De naam van de Site" zal ook anders zijn. Mijne is: "miHomeGarage".

 <site name="miHomeGarage" id="2005659527"> <application path="/" applicationPool="Clr4IntegratedAppPool"> <virtualDirectory path="/" physicalPath="C:\Users\midnight\WebSites\miHomeGarage" /> <virtualDirectory path="/miHomeGarage" physicalPath="C:\Users\midnight\WebSites\miHomeGarage\miHomeGarage" /> </application> <bindings> <binding protocol="http" bindingInformation="*:49292:" /> </bindings> </site> 

Tot slot, dit als administrator uitvoeren vanaf een opdrachtprompt Voeg iedereen toe aan de toegangslijst voor de poort:

C:\Program Files\Microsoft SDKs\Windows Azure\ .NET SDK\2012-10 > netsh http toevoegen urlacl url = http: / / *: 52917 / user = iedereen

Uw nummer van de poort anders zal zijn en zal overeenkomen met de informatie die wordt weergegeven in de element in het XML-bestand van application.config.
Ik trok deze informatie samen van vele google-zoekopdrachten. Deze site was het meest nuttig maar ik bewerkt de benadering enigszins opgeven, zodat de eventuele IP-adres koppeling omdat DHCP me enkele problemen op een bepaald punt veroorzaakt.
http://Johan.Driessen.se/Posts/accessing-an-IIS-Express-site-from-a-Remote-computer

Deze site zal ook van pas komen:

https://gilesey.WordPress.com/2013/04/21/allowing-...

Laden van de App op de iPhone
Al deze prep werk is zodat kunt u het laden van het HTML-App op de iPhone. Voor het laden van de app, start u Visual Studio 2012 Express voor Web die IIS start Express (u kunt ook IIS Express vorm de opdrachtregel starten maar sinds ik ben met behulp van de IDE-editor, is het makkelijker om gewoon gebruik maken van de IDE te starten up). Het virtuele pad voor de app is "/" zo verbinding maakt met http://youripaddress:yourport / naar de hoofdmap van IIS Express zal verbinden. Ik voegde een map met de naam Imp Garage en de paginanaam is Index.html.

Als u wilt laden naar de iPhone, open Safari en URL http://youripaddress:yourport/ImpGarage/Index.htm...
Zodra de webpagina wordt weergegeven, moet u bewaart het aan uw bureaublad door te klikken op de knop "delen" in het midden van de onderste navigatiebalk. Druk op de "Voeg toe aan beginscherm" knop en selecteer een titel voor de weergave op het huisscherm. Het pictogram voor de app zal worden toegevoegd aan het huisscherm wanneer u druk op de knop toevoegen.

U bent klaar. De App zal nu worden gestart vanaf het scherm van het huis als een native iOS applicatie.

Gerelateerde Artikelen

Bedrading en programmeren van de elektrische Imp met een LCD-scherm

Bedrading en programmeren van de elektrische Imp met een LCD-scherm

hechten van een LCD-scherm aan een elektrische ImpWat is een elektrische Imp?Het is een Wifi aangesloten processor in een super klein pakket. Check de website voor meer informatie - Elektrische ImpIk kocht de Sparkfun seriële ingeschakeld 16 x 2 LCD
Weer Buddy-systeem met behulp van elektrische Imp en Arduino Due

Weer Buddy-systeem met behulp van elektrische Imp en Arduino Due

Just verzenden van een video van mijn weer buddy systeem dat ik onlangs gemaakt. Het maakt gebruik van de elektrische Imp verkrijgen informatie over het weer en de inachtneming van de Arduino te sturen die informatie naar de gerespecteerde onderdelen
Vereenvoudigd elektrische Imp op inachtneming van de Arduino Tutorial

Vereenvoudigd elektrische Imp op inachtneming van de Arduino Tutorial

Inleiding:Dit is een basishandleiding om informatie te verzenden van de elektrische Imp aan de inachtneming van de Arduino via UART (RX, TX) ik ben redelijk nieuw met beide dus een aantal dingen die ik schrijf mogelijk onjuist. Merendeel van de infor
Elektrische Imp WiFi vooruitgang Display

Elektrische Imp WiFi vooruitgang Display

Wij vielen willekeurig in een ijs beloning systeem thuis. Brengen van goede cijfers binnenlandse middelen krijgen we om uit te gaan voor ijs. Niet zeker dat dit een politiek correcte beloningssysteem is, maar het is een evenement dat we allemaal graa
Emma: een 8-cijferige alfanumeriek LED Display aangedreven door elektrische Imp

Emma: een 8-cijferige alfanumeriek LED Display aangedreven door elektrische Imp

Emma is een openbaar referentieontwerp voor een imp-aangedreven apparaat van elektrische Imp.Nog nooit gehoord van de elektrische Imp? Het is vrij netjes. "Het GMB" is een klein wifi-verbonden microcontroller ingepakt in de dezelfde vormfactor a
IMP-ERSONATOR: Arduino, elektrische Imp + Wave Shield = externe Sound File Player

IMP-ERSONATOR: Arduino, elektrische Imp + Wave Shield = externe Sound File Player

dit Instructable demonstreer hoe maak je een speler op afstand geactiveerd geluidsbestand.Het maakt gebruik van een elektrische Imp, een schild van Adafruit Golf en een Arduino UnoDe elektrische Imp kunt u snel verbinding maken met apparaten (met inb
Aan de slag met elektrische Imp

Aan de slag met elektrische Imp

elektrische Imp maakt het gemakkelijk en leuk om internetconnectiviteit aan uw apparaten.Deze Instructables begeleidt u door het proces van het creëren van een elektrische Imp-account, en het krijgen van uw eerste Imp online.U zal moeten de volgende
Wordt - de (elektrische Imp aangedreven) Internet stopcontact aangesloten

Wordt - de (elektrische Imp aangedreven) Internet stopcontact aangesloten

Dit Instructable zal u tonen hoe te een PowerSwitch staart II tot een Elektrische Imp haak en bouwen van een eenvoudige webpagina voor het beheersen van het!De PowerSwitch kunt dat u overschakelen van netspanning werkt met een opto-geïsoleerde contro
Elektrische Imp aan 8 elektrische verlichting met behulp van internet

Elektrische Imp aan 8 elektrische verlichting met behulp van internet

dit project maakt gebruik van de nieuwe (en super cool) elektrische Imp.  U kunt elektrische apparaten voor afstandsbediening 120VAC via WiFi, via het internet Imp Cloud.  Het Imp stuurt een seriële string van bits naar een "Seriële naar parallelle&q
Maak uw eigen slimme licht met behulp van elektrische Imp

Maak uw eigen slimme licht met behulp van elektrische Imp

Maak uw eigen slimme licht met behulp van elektrische Imp. Leren hoe om te controleren en bewaken uw lichten vanaf mobiel, tablet en desktop in 15 minuten. $44 in hardware. Niveau van de ingang.Stap 1: HardwareVoltooi deze tutorial moet u de volgende
Ontwerpen van een elektrische uitrusting kamer

Ontwerpen van een elektrische uitrusting kamer

IntroductieDit is een instructie voor het ontwerpen van een kamer van elektrische apparatuur. Dit zijn de kamers die men vindt in grote gebouwen, dat is het centrum van alle elektrische systemen. Dit zal gaan door de fase van dit soort kamer, zoals b
Uitschakelen van een elektrische Lamp door uw mond blazen

Uitschakelen van een elektrische Lamp door uw mond blazen

Kunt u zich voorstellen, kunt u een gloeilamp uitschakelen via de mond blazen net als u een kaars blazen? In deze instructables zal ik u tonen hoe kunt u dit heel gemakkelijk doen. Ik denk dat u zult genieten.Hoe het werkt: Ik zal vochtigheid sensor
Hoe het bouwen van een elektrische fiets voor minder dan $100

Hoe het bouwen van een elektrische fiets voor minder dan $100

Ja, het is eigenlijk mogelijk om te bouwen van een elektrische fiets voor minder dan $100. Het geheim van het doen dit is... de meeste van uw materialen kostenloos! Nu ik gewoon niet ben gonna zet u verliezen en zeggen ga zoeken dit spul ook. Er zijn
Het gevaar van toegestane elektrische aansluitingen, en tot vaststelling van hen!

Het gevaar van toegestane elektrische aansluitingen, en tot vaststelling van hen!

In de wereld van de elektrische hoofdkrachtbron is het belangrijk dat alle verbindingen veilig worden gemaakt. Er moet worden strak (niet zo strak dat u windsel draden uit bouten/schroeven) om te voorkomen dat hoge weerstand contacten die tot warmte