make docker image from 1GB to around 100MB
This commit is contained in:
parent
72762340ce
commit
9581a3ce2c
1
.gitignore
vendored
1
.gitignore
vendored
@ -1,3 +1,4 @@
|
||||
__pycache__
|
||||
devices.yml
|
||||
history.*
|
||||
data/
|
||||
6
.idea/git_toolbox_blame.xml
generated
Normal file
6
.idea/git_toolbox_blame.xml
generated
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="GitToolBoxBlameSettings">
|
||||
<option name="version" value="2" />
|
||||
</component>
|
||||
</project>
|
||||
2592
Charts/data.json
2592
Charts/data.json
File diff suppressed because it is too large
Load Diff
@ -25,30 +25,88 @@
|
||||
.device-info {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.datetimepicker-container {
|
||||
width: 80%;
|
||||
margin: 20px auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.datetimepicker-container input, .datetimepicker-container button {
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
background-color: #1e1e1e;
|
||||
border: 1px solid #444;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.datetimepicker-container button {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<!-- Lokale Kopie von Chart.js einbinden -->
|
||||
<script src="chart.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Geräte-Diagramme</h1>
|
||||
<div class="datetimepicker-container">
|
||||
<input type="date" id="startDate">
|
||||
<input type="time" id="startTime">
|
||||
<input type="date" id="endDate">
|
||||
<input type="time" id="endTime">
|
||||
<button onclick="applyDateTimeRange()">Anwenden</button>
|
||||
</div>
|
||||
<div id="charts"></div>
|
||||
|
||||
<script>
|
||||
let allData = [];
|
||||
|
||||
fetch('data.json')
|
||||
.then(response => response.json())
|
||||
.then(jsonData => {
|
||||
const deviceDataMap = new Map();
|
||||
jsonData.forEach(entry => {
|
||||
const deviceMac = entry.device.mac;
|
||||
if (!deviceDataMap.has(deviceMac)) {
|
||||
deviceDataMap.set(deviceMac, {info: entry.device, data: []});
|
||||
}
|
||||
deviceDataMap.get(deviceMac).data.push(entry.data);
|
||||
});
|
||||
|
||||
deviceDataMap.forEach((deviceData, deviceMac) => createChart(deviceData));
|
||||
allData = jsonData;
|
||||
console.log('Loaded data:', allData); // Konsolenausgabe für Debugging
|
||||
displayCharts(jsonData);
|
||||
})
|
||||
.catch(error => console.error('Error loading data:', error));
|
||||
|
||||
function applyDateTimeRange() {
|
||||
const startDate = new Date(document.getElementById('startDate').value);
|
||||
const startTime = document.getElementById('startTime').value;
|
||||
const endDate = new Date(document.getElementById('endDate').value);
|
||||
const endTime = document.getElementById('endTime').value;
|
||||
|
||||
// Kombinieren von Datum und Zeit zu UTC-Zeit
|
||||
const startDateTime = new Date(Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate(),
|
||||
parseInt(startTime.substring(0, 2)), parseInt(startTime.substring(3, 5))));
|
||||
const endDateTime = new Date(Date.UTC(endDate.getFullYear(), endDate.getMonth(), endDate.getDate(),
|
||||
parseInt(endTime.substring(0, 2)), parseInt(endTime.substring(3, 5))));
|
||||
|
||||
const filteredData = allData.filter(entry => {
|
||||
const entryDate = new Date(entry.data.timestamp);
|
||||
return entryDate >= startDateTime && entryDate <= endDateTime;
|
||||
});
|
||||
|
||||
console.log('Filtered data:', filteredData); // Konsolenausgabe für Debugging
|
||||
|
||||
displayCharts(filteredData);
|
||||
}
|
||||
|
||||
function displayCharts(data) {
|
||||
document.getElementById('charts').innerHTML = '';
|
||||
const deviceDataMap = new Map();
|
||||
data.forEach(entry => {
|
||||
const deviceMac = entry.device.mac;
|
||||
if (!deviceDataMap.has(deviceMac)) {
|
||||
deviceDataMap.set(deviceMac, {info: entry.device, data: []});
|
||||
}
|
||||
deviceDataMap.get(deviceMac).data.push(entry.data);
|
||||
});
|
||||
|
||||
console.log('Device data map:', deviceDataMap); // Konsolenausgabe für Debugging
|
||||
|
||||
deviceDataMap.forEach((deviceData, deviceMac) => createChart(deviceData));
|
||||
}
|
||||
|
||||
function createChart(deviceData) {
|
||||
const labels = deviceData.data.map(entry => new Date(entry.timestamp).toLocaleTimeString());
|
||||
const temperatures = deviceData.data.map(entry => entry.temperature);
|
||||
@ -68,75 +126,78 @@
|
||||
|
||||
document.getElementById('charts').appendChild(container);
|
||||
|
||||
new Chart(ctx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: labels,
|
||||
datasets: [
|
||||
{
|
||||
label: 'Temperatur (°C)',
|
||||
data: temperatures,
|
||||
borderColor: 'rgba(75, 192, 192, 1)',
|
||||
backgroundColor: 'rgba(75, 192, 192, 0.2)',
|
||||
yAxisID: 'y-axis-temp'
|
||||
},
|
||||
{
|
||||
label: 'Feuchtigkeit (%)',
|
||||
data: humidities,
|
||||
borderColor: 'rgba(153, 102, 255, 1)',
|
||||
backgroundColor: 'rgba(153, 102, 255, 0.2)',
|
||||
yAxisID: 'y-axis-humidity'
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
scales: {
|
||||
yAxes: [
|
||||
// Überprüfen, ob Chart.js geladen ist, bevor das Chart-Objekt erstellt wird
|
||||
if (typeof Chart !== 'undefined') {
|
||||
new Chart(ctx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: labels,
|
||||
datasets: [
|
||||
{
|
||||
id: 'y-axis-temp',
|
||||
type: 'linear',
|
||||
position: 'left',
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
fontColor: 'white'
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Temperatur (°C)',
|
||||
fontColor: 'white'
|
||||
}
|
||||
label: 'Temperatur (°C)',
|
||||
data: temperatures,
|
||||
borderColor: 'rgba(75, 192, 192, 1)',
|
||||
backgroundColor: 'rgba(75, 192, 192, 0.2)',
|
||||
yAxisID: 'y-axis-temp'
|
||||
},
|
||||
{
|
||||
id: 'y-axis-humidity',
|
||||
type: 'linear',
|
||||
position: 'right',
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
fontColor: 'white'
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Feuchtigkeit (%)',
|
||||
fontColor: 'white'
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
ticks: {
|
||||
fontColor: 'white'
|
||||
}
|
||||
label: 'Feuchtigkeit (%)',
|
||||
data: humidities,
|
||||
borderColor: 'rgba(153, 102, 255, 1)',
|
||||
backgroundColor: 'rgba(153, 102, 255, 0.2)',
|
||||
yAxisID: 'y-axis-humidity'
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
labels: {
|
||||
fontColor: 'white'
|
||||
options: {
|
||||
responsive: true,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
id: 'y-axis-temp',
|
||||
type: 'linear',
|
||||
position: 'left',
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
fontColor: 'white'
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Temperatur (°C)',
|
||||
fontColor: 'white'
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'y-axis-humidity',
|
||||
type: 'linear',
|
||||
position: 'right',
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
fontColor: 'white'
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Feuchtigkeit (%)',
|
||||
fontColor: 'white'
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [{
|
||||
ticks: {
|
||||
fontColor: 'white'
|
||||
}
|
||||
}]
|
||||
},
|
||||
legend: {
|
||||
labels: {
|
||||
fontColor: 'white'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
} else {
|
||||
console.error('Chart.js is not loaded.');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
107
Charts/script.js
107
Charts/script.js
@ -1,107 +0,0 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
fetch('data.json')
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error('Network response was not ok ' + response.statusText);
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
const devices = {};
|
||||
|
||||
data.forEach(entry => {
|
||||
const mac = entry.device.mac;
|
||||
if (!devices[mac]) {
|
||||
devices[mac] = {
|
||||
temperatureData: [],
|
||||
humidityData: [],
|
||||
labels: [],
|
||||
name: entry.device.name,
|
||||
room: entry.device.room
|
||||
};
|
||||
}
|
||||
devices[mac].labels.push(new Date(entry.data.timestamp));
|
||||
devices[mac].temperatureData.push(entry.data.temperature);
|
||||
devices[mac].humidityData.push(entry.data.humidity);
|
||||
});
|
||||
|
||||
const chartsContainer = document.getElementById('chartsContainer');
|
||||
|
||||
Object.keys(devices).forEach(mac => {
|
||||
const device = devices[mac];
|
||||
|
||||
const chartContainer = document.createElement('div');
|
||||
chartContainer.className = 'chart-container';
|
||||
|
||||
const canvas = document.createElement('canvas');
|
||||
canvas.id = `chart-${mac}`;
|
||||
|
||||
const title = document.createElement('h3');
|
||||
title.textContent = `Device ${device.name} in ${device.room}`;
|
||||
|
||||
chartContainer.appendChild(title);
|
||||
chartContainer.appendChild(canvas);
|
||||
chartsContainer.appendChild(chartContainer);
|
||||
|
||||
const ctx = canvas.getContext('2d');
|
||||
new Chart(ctx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: device.labels,
|
||||
datasets: [
|
||||
{
|
||||
label: 'Temperatur (°C)',
|
||||
data: device.temperatureData,
|
||||
borderColor: 'rgba(255, 99, 132, 1)',
|
||||
backgroundColor: 'rgba(255, 99, 132, 0.2)',
|
||||
borderWidth: 1,
|
||||
yAxisID: 'y1'
|
||||
},
|
||||
{
|
||||
label: 'Luftfeuchtigkeit (%)',
|
||||
data: device.humidityData,
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
backgroundColor: 'rgba(54, 162, 235, 0.2)',
|
||||
borderWidth: 1,
|
||||
yAxisID: 'y2'
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
scales: {
|
||||
x: {
|
||||
type: 'time',
|
||||
time: {
|
||||
unit: 'minute',
|
||||
tooltipFormat: 'll HH:mm'
|
||||
}
|
||||
},
|
||||
y1: {
|
||||
type: 'linear',
|
||||
position: 'left',
|
||||
beginAtZero: true,
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Temperatur (°C)'
|
||||
}
|
||||
},
|
||||
y2: {
|
||||
type: 'linear',
|
||||
position: 'right',
|
||||
beginAtZero: true,
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Luftfeuchtigkeit (%)'
|
||||
},
|
||||
grid: {
|
||||
drawOnChartArea: false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch(error => console.error('Error loading JSON data:', error));
|
||||
});
|
||||
@ -1,20 +0,0 @@
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: #f4f4f4;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.chart-container {
|
||||
width: 80%;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
canvas {
|
||||
background-color: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
38
Dockerfile
38
Dockerfile
@ -1,27 +1,35 @@
|
||||
FROM python:3.12-alpine3.20 AS build_bluepy
|
||||
|
||||
RUN apk add \
|
||||
bluez \
|
||||
make \
|
||||
git \glib-dev \
|
||||
gcc \
|
||||
build-base \
|
||||
freetype-dev \
|
||||
libpng-dev \
|
||||
openblas-dev
|
||||
|
||||
RUN git clone https://github.com/IanHarvey/bluepy.git && \
|
||||
cd bluepy && \
|
||||
python3.12 setup.py build && \
|
||||
python3.12 setup.py install
|
||||
|
||||
FROM python:3.12-alpine3.20
|
||||
|
||||
WORKDIR = /src
|
||||
|
||||
COPY python/src/ .
|
||||
COPY python/requierements.txt .
|
||||
COPY python/docker_entrypoint.sh /
|
||||
|
||||
RUN mkdir data
|
||||
VOLUME data
|
||||
|
||||
# RUN apt-get update && \
|
||||
# apt-get install -y bluez sudo
|
||||
RUN apk add sudo bluez
|
||||
|
||||
# Copy bluepy from the bluepy build stage
|
||||
COPY --from=build_bluepy /usr/local/lib/python3.12/site-packages /usr/local/lib/python3.12/site-packages
|
||||
COPY --from=build_bluepy /usr/local/bin /usr/local/bin
|
||||
|
||||
RUN apk add --no-cache \
|
||||
sudo \
|
||||
make \
|
||||
bluez \
|
||||
bluez-deprecated \
|
||||
alsa-utils \
|
||||
alsa-utils-doc \
|
||||
alsa-lib \
|
||||
alsaconf
|
||||
|
||||
RUN pip3.12 install -r requierements.txt && rm -f requierements.txt
|
||||
RUN pip3.12 install -r requierements.txt && rm requierements.txt
|
||||
|
||||
ENTRYPOINT sh /docker_entrypoint.sh
|
||||
@ -63,3 +63,8 @@ sudo sh run_docker.sh
|
||||
### MicroPython for MicroController
|
||||
|
||||
Coming when I develop it...
|
||||
|
||||
|
||||
# Resources
|
||||
- https://pythonspeed.com/articles/alpine-docker-python this article is nuts :D
|
||||
- https://docs.docker.com/build/building/multi-stage/
|
||||
@ -2,6 +2,6 @@ version: '3'
|
||||
|
||||
services:
|
||||
atc_mithermometer_gateway:
|
||||
image: atc-mithermometer-gateway:develop
|
||||
image: dasmoorhuhn/atc-mithermometer-gateway:develop-alpine
|
||||
container_name: ATC_MiThermometer_Gateway
|
||||
build: .
|
||||
@ -1,13 +0,0 @@
|
||||
import json
|
||||
|
||||
|
||||
with open('history.txt', 'r') as file:
|
||||
content = file.readlines()
|
||||
|
||||
lines = []
|
||||
for line in content:
|
||||
line = json.loads(line.strip())
|
||||
lines.append(line)
|
||||
|
||||
with open('history.json', 'w') as file:
|
||||
file.write(json.dumps(lines))
|
||||
@ -1,8 +1,8 @@
|
||||
#!/bin/bash
|
||||
|
||||
service dbus start
|
||||
bluetoothd &
|
||||
# service dbus start
|
||||
# bluetoothd &
|
||||
|
||||
/bin/bash
|
||||
/bin/sh
|
||||
|
||||
sudo python3 main.py
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
bluepy
|
||||
pyyaml
|
||||
bs4
|
||||
lxml
|
||||
|
||||
@ -6,21 +6,30 @@ from devices import Device
|
||||
workdir, filename = os.path.split(os.path.abspath(__file__))
|
||||
|
||||
|
||||
def log_to_txt(devices):
|
||||
with open(f'{workdir}{os.sep}history.json', 'r') as file:
|
||||
data = json.load(file)
|
||||
def log_to_json(devices):
|
||||
for device in devices:
|
||||
dev, data_obj, from_config = device
|
||||
data_obj: Data
|
||||
from_config: Device
|
||||
file_name = f'{workdir}{os.sep}data{os.sep}{str(data_obj.mac).replace(":", "-")}.json'
|
||||
|
||||
with open(f'{workdir}{os.sep}history.json', 'w') as file:
|
||||
for device in devices:
|
||||
dev, data_obj, from_config = device
|
||||
data_obj:Data
|
||||
from_config:Device
|
||||
data.append({
|
||||
"data": data_obj.to_json(),
|
||||
"device": from_config.to_json()
|
||||
})
|
||||
final_data = {"measurements": data}
|
||||
file.write(json.dumps(data, indent=2))
|
||||
try:
|
||||
with open(file_name, 'r') as file: data = json.load(file)
|
||||
except:
|
||||
with open(file_name, 'w') as file: file.write("[]")
|
||||
data = []
|
||||
|
||||
data.append({
|
||||
"timestamp": data_obj.timestamp,
|
||||
"temperature": data_obj.temperature,
|
||||
"humidity": data_obj.humidity,
|
||||
"battery_percent": data_obj.battery_percent,
|
||||
"battery_volt": data_obj.battery_volt,
|
||||
"name": from_config.name,
|
||||
"room": from_config.room
|
||||
})
|
||||
|
||||
with open(file_name, 'w') as file: file.write(json.dumps(data, indent=2))
|
||||
|
||||
|
||||
def log_to_mongodb(data):
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
from discovery import start_discovery
|
||||
from loop import start_loop
|
||||
from log_data import log_to_txt
|
||||
from log_data import log_to_json
|
||||
|
||||
|
||||
devices = start_discovery()
|
||||
log_to_txt(devices)
|
||||
log_to_json(devices)
|
||||
|
||||
@ -1,9 +1,12 @@
|
||||
TAG=develop-alpine
|
||||
CONTAINER=dasmoorhuhn/atc-mithermometer-gateway:$TAG
|
||||
|
||||
sudo killall -9 bluetoothd
|
||||
docker stop atc-mithermometer-gateway:develop
|
||||
docker stop $CONTAINER > /dev/null 2>&1
|
||||
docker run \
|
||||
--cap-add=SYS_ADMIN \
|
||||
--cap-add=NET_ADMIN \
|
||||
--net=host \
|
||||
-v /var/run/dbus/:/var/run/dbus/ \
|
||||
-v /path/to/data:/src/data \
|
||||
atc-mithermometer-gateway:develop
|
||||
-v ./data:/src/data \
|
||||
$CONTAINER
|
||||
Loading…
x
Reference in New Issue
Block a user