Étape 9: Configuration de IIS Express et chargement de l’application sur votre iPhone
Tout le développement a été fait à l’aide de Visual Studio Express 2012 pour le Web qui est gratuit et téléchargeable de Microsoft ici : http://www.microsoft.com/visualstudio/eng/downloads#d-express-web
Test de l’application HTML automatiquement déclenche IIS Express (Microsoft Web Server) en arrière-plan lorsque vous utilisez votre navigateur (IE/Safari/Chrome etc) comme votre cible de débogage. Cependant, pour tester l’application HTML sur votre téléphone, vous devez apporter quelques modifications à IIS Express pour autoriser les connexions à distance à elle.
Configuration IIS Express pour les connexions distantes
Le fichier XML de application.config se trouve ici : C:\Users\YourName\Documents\IISExpress\config
Première chose à faire est de définir le type MIME pour votre cache-manifest. Nous utilisons .appcache comme l’extension de fichier. Vous pouvez utiliser n’importe quelle extension que vous voulez mais .appcache semble commun. Le manifest type MIME est text/cache-manifest, qui indique au navigateur le type de fichier. Une fois que le type est enregistré serveur web inclura le type MIME dans l’en-tête de réponse chaque fois que la page est demandée.
Le deuxième changement au fichier doit permettre IIS Express servir des pages pour les connexions à distance. Par défaut il liera uniquement ports pour les connexions de « localhost », qui n’est pas bon pour tester à distance avec l’iPhone. Pour modifier ce comportement, vous devez modifier les paramètres de configuration du site pour votre Site Web en modifiant l’attribut bindingInformation de « localhost » à "*", qui permet à IIS Express lier à n’importe quelle adresse IP, pas juste « localhost ». Votre numéro de port est différent de l’extrait de code ci-dessous – c’est ok parce que ce sera le port attribué par IIS Express sur votre machine. Votre site web « Site Name » sera également différent. Le mien est: « miHomeGarage ».
Enfin, exécuter en tant qu’administrateur depuis une invite de commandes pour tout le monde ajouter à la liste d’accès pour le port :
C:\Program Files\Microsoft SDKs\Windows Azure\ .NET SDK\2012-10 > netsh http ajouter urlacl url = http: / / *: 52917 / utilisateur = tout le monde
Votre numéro de port sera différente et correspond à l’information affichée dans l’élément dans le fichier XML application.config.
J’ai rassemblé ces informations de nombreuses recherches sur google. Ce site a été le plus utile, mais j’ai modifié l’approche légèrement pour permettre à n’importe quel adresse IP binding car DHCP m’a causé quelques problèmes à un moment donné.
http://Johan.Driessen.se/Posts/Accessing-an-IIS-Express-site-from-a-Remote-Computer
Ce site sera également utile :
https://gilesey.wordpress.com/2013/04/21/allowing-...
Chargement de l’application sur l’iPhone
Tout ce travail de préparation est de sorte que vous pouvez charger l’application HTML sur l’iPhone. Pour charger l’application, démarrez Visual Studio 2012 Express pour le Web qui début à IIS Express (vous pouvez également démarrer IIS Express forme la ligne de commande mais depuis que je suis sur l’éditeur IDE, il est plus facile d’utiliser seulement l’IDE pour le lancer up). Le chemin d’accès virtuel de l’application est « / » si la connexion à http://youripaddress:yourport / se connectera à la racine IIS Express. J’ai ajouté un dossier appelé Imp Garage et le nom de la page est Index.html.
Pour charger l’iPhone, ouvrez Safari et ouvrir l’URL http://youripaddress:yourport/ImpGarage/Index.htm...
Une fois que la page Web s’affiche, vous devez l’enregistrer sur votre bureau en cliquant sur le bouton « partage » dans le milieu de la barre de navigation inférieure. Appuyez sur le bouton « Ajouter à l’écran Home », puis sélectionnez un titre pour l’affichage sur l’écran d’accueil. L’icône de l’app s’ajouteront à l’écran d’accueil lorsque vous appuyez sur le bouton Ajouter.
Vous avez terminé. L’application sera maintenant lancée depuis l’écran d’accueil comme une application native iOS.
