I tried to use this with the Spark 3 new interface, but it just ends up looking messed up.
Has anyone managed to create a similar public interface for the BrewPi? I like being able to let people see the interface and what I have fermenting, but I do not want just anyone to be able to make changes to the BrewPi.
Yes, that is exactly what I am wanting to do. I had something similar with the old interface. Do you have instructions on how you achieved that? Or a Github?
but basically I made a new dir next to brewpi called brew-public, changed my proxy settings and apache config to allow access. Then did an ls -l to link to files in brewpi you want access to. Then make a new index.php edited that to remove the stuff I don’t want people to have access to as well, something like
<?php
/* Copyright 2012 BrewPi/Elco Jacobs.
* This file is part of BrewPi.
* BrewPi is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* BrewPi is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with BrewPi. If not, see <http://www.gnu.org/licenses/>.
*/
// load default settings from file
$defaultSettings = file_get_contents('defaultSettings.json');
if($defaultSettings == false){
die("Cannot open default settings file: defaultSettings.json");
}
$settingsArray = json_decode(prepareJSON($defaultSettings), true);
if(is_null($settingsArray)){
die("Cannot decode defaultSettings.json");
}
// overwrite default settings with user settings
if(file_exists('userSettings.json')){
$userSettings = file_get_contents('userSettings.json');
if($userSettings == false){
die("Error opening settings file userSettings.json");
}
$userSettingsArray = json_decode(prepareJSON($userSettings), true);
if(is_null($settingsArray)){
die("Cannot decode userSettings.json");
}
foreach ($userSettingsArray as $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 will convert ASCII/ISO-8859-1 to UTF-8.
//Be careful with the third parameter (encoding detect list), because
//if set wrong, some input encodings will get garbled (including UTF-8!)
$input = mb_convert_encoding($input, 'UTF-8', 'ASCII,UTF-8,ISO-8859-1');
//Remove UTF-8 BOM if present, json_decode() does not like it.
if(substr($input, 0, 3) == pack("CCC", 0xEF, 0xBB, 0xBF)) $input = substr($input, 3);
return $input;
}
?>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>BrewPi reporting for duty!</title>
<link type="text/css" href="css/redmond/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet"/>
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<meta name="apple-mobile-web-app-title" content="BrewPi">
</head>
<body>
<div id="beer-panel" class="ui-widget ui-widget-content ui-corner-all">
<?php
include 'beer-panel-public.php';
?>
</div>
<!-- Load scripts after the body, so they don't block rendering of the page -->
<!-- <script type="text/javascript" src="js/jquery-1.11.0.js"></script> -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="js/spin.js"></script>
<script type="text/javascript" src="js/dygraph-combined.js"></script>
<script type="text/javascript">
// pass parameters to JavaScript
window.tempFormat = <?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 type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/device-config.js"></script>
<script type="text/javascript" src="js/control-panel.js"></script>
<script type="text/javascript" src="js/beer-chart.js"></script>
<script type="text/javascript" src="js/profile-table.js"></script>
</body>
</html>
Sorry to raise an old post, but you both seem to have the best idea on how to make a publicly accessible page using brew pi.
@charliwest, when you say you changed your proxy settings and apache config, could you provide a little more detail? I can grok the remainder (I think).
My set up is probably a bit different to most peoples. Are you familiar with apache configs at all? You need to tell apache to allow access to the other folder where your alternative webui is located.
I don’t want to sound like a dick (but I probably will), if none of that makes any sense now I would play around a bit, after taking backups of course, and try and work it out. I could write out a config but then if it goes wrong in the future you might end up stuffed.
Cheers for the link, I have no experience with apache, so I’ll do some reading. I think tinkering (after taking back ups!) is the way to go, thanks for responding!
