Paso 12: Configurar una página de seguimiento y navegación
Si usted desea, en lugar de acceder a cada instancia de BrewPi, escribiendo en su dirección y nombre de archivo que puede definir una página principal en el directorio /www/var para que puedas ver todos los monitores LCD de estado a la vez.
En el tipo de terminal:
sudo nano /www/var/chamber1/lcd.php
Entonces cuando el editor se abre, copiar y pegar el siguiente script:
Código:
<? php * derechos de autor 2012 BrewPi/Elco Jacobs. * Este archivo es parte de BrewPi. * BrewPi es software libre: usted puede redistribuirlo y/o modificar * bajo los términos de la GNU General Public License publicada por * la Free Software Foundation, ya sea la versión 3 de la licencia, o * (a su opción) cualquier versión posterior. * BrewPi se distribuye con la esperanza de que sea útil, * pero sin ninguna garantía; ni siquiera la garantía implícita de * comerciabilidad o aptitud para un propósito PARTICULAR. Ver la * GNU General Public License para más detalles. * Usted debe han recibido una copia de la Licencia Pública General de GNU * junto con BrewPi. Si no, consulte < http://www.gnu.org/licenses/>. * / //load predeterminada Configuración del archivo $defaultSettings = file_get_contents('defaultSettings.json'); if($defaultSettings == false) {die ("no se puede abrir el archivo de configuración por defecto: defaultSettings.json");} $settingsArray = json_decode(prepareJSON($defaultSettings), true); if(is_null($settingsArray)) {die ("no se puede decodificar defaultSettings.json");} / / Sobrescribir configuración predeterminada con la configuración de usuario if(file_exists('userSettings.json')) {$userSettings = file_get_contents('userSettings.json'); if($userSettings == false) {die ("Error al abrir el archivo de configuración userSettings.json");} $userSettingsArray = json_decode(prepareJSON($userSettings), true); foreach {die ("no puede decodificar userSettings.json");} if(is_null($settingsArray)) ($userSettingsArray como $key = > $value) {$settingsArray [$key] = $userSettingsArray [$key];}} $beerName = $settingsArray ["beerName"]; $tempFormat = $settingsArray ["tempFormat"]; $profileName = $settingsArray ["profileName"]; $dateTimeFormat = $settingsArray ["dateTimeFormat"]; $dateTimeFormatDisplay = $settingsArray ["dateTimeFormatDisplay"]; function prepareJSON($input) {//This convertir ASCII/ISO-8859-1 a UTF-8. //Be cuidado con el tercer parámetro (codificación detección de lista), porque //if set mal, algunas codificaciones de entrada van $input indescifrable (incluyendo UTF-8!) = mb_convert_encoding ($input, ' UTF-8', 'ASCII, UTF-8, ISO-8859-1'); //Remove UTF-8 BOM si json_decode() no le gusta todo si (substr ($input, 0, 3) == pack ("CCC", 0xEF, 0xBB, 0xBF)) $input = substr ($input 3); < /p >< p > volver $input; }? ><! DOCTYPE html >< html >< cabeza >< meta http-equiv = "content-type" content = "text/html; charset = utf-8 "/ >< title > BrewPi informes para deber! < / título >< enlace tipo =" text/css"href="css/redmond/jquery-ui-1.10.3.custom.css "rel ="stylesheet"/ >< enlace tipo =" text/css"href="css/style.css "rel ="stylesheet"/ >< link rel ="apple-touch-icon"href ="touch-icon-iphone.png">< link rel ="apple-touch-icon"tamaños ="76 x 76"href =" touch-icon-ipad.png & quoquot; >< link rel = "apple-touch-icon" tamaños = "120 x 120" href = "touch-icono-iphone-retina.png" >< link rel = "apple-touch-icon" tamaños = "152 x 152" href = "touch-icono-ipad-retina.png" >< nombre meta = "apple-móvil-web-app-título" contenido = "BrewPi" >< nombre meta = "apple-móvil-web-app-capaz" contenido = "yes" / >< link rel = "apple-touch-Inicio-imagen" href="splash.png" / >< / cabeza >< cuerpo >< div id = "lcd" class = "pantalla LCD" >< abarcan clase = "texto de lcd" >< abarcan clase = "línea de lcd" id = "lcd-línea-0" > espera LCD Live < /span >< abarcan clase = "línea de lcd" id = "lcd-línea-1" > para actualización de < / span >< abarcan clase = "línea de lcd" id = "lcd-línea-2" > script.. < /span >< abarcan clase = "línea de lcd" id = "línea-lcd-3" >< / span >< /p >< p >< / div >< script tipo = "texto/javascript" src="js/jquery-1.11.0.min.js" >< / script >< script tipo = "texto/javascript" src="js/jquery-ui-1.10.3.custom.min.js" >< / script >< script tipo = "texto/javascript" src = "js/jquery-ui-timepicker-addon.js" >< / script >< de la escritura de tipo = "texto/javascript" src="js/spin.js" >< / script >< script tipo = "texto/javascript" src = "js/dygraph-combined.js" >< / script >< script tipo = "texto/javascript" > / paso de parámetros a window.tempFormat JavaScript = <? php echo "' $tempFormat'"? >; window.beerName = <? php echo "\"$beerName\""? >; window.profileName = <? php echo "\"$profileName\""? >; window.dateTimeFormat = <? php echo "\"$dateTimeFormat\""? >; window.dateTimeFormatDisplay = <? php echo "\"$dateTimeFormatDisplay\""? >; < /script >< script tipo = "texto/javascript" src="js/main.js" >< / script >< script tipo = "texto/javascript" src = "js/dispositivo-config.js" >< / script >< script tipo = "texto/javascript" src = "js/control-panel.js" >< / script >< script tipo = "texto/javascript" src = "js/mantenimiento-panel.js" >< / script >< script tipo = "texto/javascript" src = "js/cerveza-chart.js" >< / script >< de la escritura de tipo = "texto/javascript" src = "js/perfil-table.js" >< / script >< cuerpo / >< / html >- Golpear a CTRL-X, guardar y salir. Hacer esto para cada cámara/directorio que ha creado.
Cuando haya creado todos los scripts de lcd.php que necesita, escriba el siguiente comando en el terminal:
sudo nano /www/var/main.html
Donde "main.html" es el nombre que desea utilizar para la página de monitor.
Continuación, introduzca el código html en el editor:
Código:
Agregar más líneas si es necesario si tienes más de 3 cámaras o delete, si sólo tiene 2. Golpear a CTRL-X, guardar y salir. A continuación, abra: http://your-rpi-ip/main.html en su navegador, para abrir la página de monitor.
Asegúrese de reemplazar la dirección IP con la dirección IP de su Pi y para apuntar a los directorios correctos. Luego puede agregar enlaces cliqueables, fotos o cualquier otro HTML que le gustaría a esta página. Incluso he añadido enlaces a las otras cámaras en cada página de la interfaz Web que puedo hacer clic en y hacia atrás según sea necesario.
