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.