make docker image from 1GB to around 100MB

This commit is contained in:
DasMoorhuhn 2024-06-27 00:42:25 +02:00
parent 72762340ce
commit 9581a3ce2c
16 changed files with 2693 additions and 357 deletions

1
.gitignore vendored
View File

@ -1,3 +1,4 @@
__pycache__
devices.yml
history.*
data/

6
.idea/git_toolbox_blame.xml generated Normal file
View 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>

File diff suppressed because it is too large Load Diff

View File

@ -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>

View File

@ -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));
});

View File

@ -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);
}

View File

@ -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

View File

@ -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/

View File

@ -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: .

View File

@ -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))

View File

@ -1,8 +1,8 @@
#!/bin/bash
service dbus start
bluetoothd &
# service dbus start
# bluetoothd &
/bin/bash
/bin/sh
sudo python3 main.py

View File

@ -1,4 +1,3 @@
bluepy
pyyaml
bs4
lxml

View File

@ -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):

View File

@ -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)

View File

@ -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