{"id":502,"date":"2014-03-23T21:43:24","date_gmt":"2014-03-23T20:43:24","guid":{"rendered":"https:\/\/www.fanjoe.be\/?p=502"},"modified":"2014-06-16T22:18:25","modified_gmt":"2014-06-16T20:18:25","slug":"installation-de-la-sonde-ds18b20","status":"publish","type":"post","link":"https:\/\/www.fanjoe.be\/?p=502","title":{"rendered":"Lecture de la sonde DS18B20 sur iPhone"},"content":{"rendered":"

\u00c7a y est, j’ai re\u00e7u la sonde il y a quelques jours par la poste et elle est maintenant install\u00e9e.<\/p>\n

J’avais expliqu\u00e9 dans ce billet<\/a> comment afficher la temp\u00e9rature sur une page web.<\/p>\n

Avec quelques astuces compl\u00e9mentaires, voici comment j’ai transform\u00e9 cette page en app pour iPhone.<\/p>\n

Transformer une page web en app<\/strong><\/span><\/p>\n

C’est tr\u00e8s simple. Il suffit d’ajouter une ligne dans le header de la page :<\/p>\n

<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\r\n<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\r\n<link rel=\"apple-touch-icon\" href=\"favicon.ico\" \/><\/pre>\n
La premi\u00e8re ligne va permettre de cr\u00e9er une web app autonome sur un p\u00e9riph\u00e9rique iOS.<\/p>\n
La seconde va configurer la couleur le la barre de menu en noir.<\/p>\n
La troisi\u00e8me va donner le chemin vers l’ic\u00f4ne \u00e0 placer sur l’\u00e9cran d’accueil.
\nDans notre cas, le dossier ou se trouve la page qui affiche la temp\u00e9rature.
\nL\u2019ic\u00f4ne sera une image JPG ou PNG carr\u00e9e. iOS se chargera d’arrondir les coins.<\/p>\n
Prot\u00e9ger la page par un mot de passe sous Nginx<\/strong><\/span><\/p>\n
Il faut tout d’abord cr\u00e9er un fichier contenant le couple login\/mot de passe crypt\u00e9.
\nOn va le placer \u00e0 la racine du dossier \u00e0 prot\u00e9ger.<\/p>\n
On va le cr\u00e9er avec la commande htpasswd<\/strong> :<\/p>\n
sudo htpasswd -c \/var\/www\/<chemin vers le dossier><\/strong>\/.htpasswd MonLogin<\/strong>\r\nNew password:\r\nRe-type new password:\r\nAdding password for user MonLogin<\/strong><\/pre>\n
Avec -c pour cr\u00e9er un fichier. Sans lui, le couple log\/pass sera ajout\u00e9 au fichier existant.<\/p>\n
Ensuite, il suffit d’ajouter ce code \u00e0 la configuration de Nginx :<\/p>\n
location \/ {\r\nauth_basic \"Administrator Login\";\r\nauth_basic_user_file \/var\/www\/<chemin vers le dossier><\/strong>\/.htpasswd;\r\n}<\/pre>\n
Installation de l’ic\u00f4ne sur la page d’accueil :<\/strong><\/span><\/p>\n
Dans Safari, entrez l’adresse sous forme :<\/p>\n
http:\/\/login:motdepasse@www.nomdedomaine.tld\/<chemin vers le dossier>\/pagetemperature.php<\/pre>\n
Safari va peut-\u00eatre vous signaler un phishing. Ignorez-le.<\/p>\n
Suivez ensuite le pas-\u00e0-pas en images ci-dessous.<\/p>\n
 
 
 
    \"Hameconnage\" <\/a> 
 Hameconnage <\/div> <\/div> <\/div>  
 
    \"Ajouter <\/a> 
 Ajouter \u00e0 la page d’accueil <\/div> <\/div> <\/div>  
 
    \"Donner <\/a> 
 Donner un nom \u00e0 l’ic\u00f4ne <\/div> <\/div> <\/div>  <\/div>  
 
 
    \"L'ic\u00f4ne <\/a> 
 L’ic\u00f4ne sur la page d’accueil <\/div> <\/div> <\/div>  
 
    \"L'affichage <\/a> 
 L’affichage de la Web App <\/div> <\/div> <\/div>  <\/div>  <\/div>\n","protected":false},"excerpt":{"rendered":"
\u00c7a y est, j’ai re\u00e7u la sonde il y a quelques jours par la poste et elle est maintenant install\u00e9e.<\/p>\n
…<\/p>\n","protected":false},"author":1,"featured_media":504,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[179,10,3,12],"tags":[32,33,18],"class_list":["post-502","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-domotique","category-geek","category-informatique","category-raspberrypi","tag-iphone","tag-password","tag-sonde-ds18b20","end"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.fanjoe.be\/wp-content\/uploads\/2014\/03\/Install-DS18B20-00.jpg","_links":{"self":[{"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=\/wp\/v2\/posts\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=502"}],"version-history":[{"count":0,"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=\/wp\/v2\/posts\/502\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=\/wp\/v2\/media\/504"}],"wp:attachment":[{"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fanjoe.be\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}