Installation et Configuration de MagicMirror2

Cet article décrit l’installation et la configuration de MagicMirror². Les tests ont été effectués sur un Raspberry PI400 fonctionnant sous le système « Bullseye ».

Pour l’installation nous recommandons de suivre le traitement décrit sur le site MagicMirror2:

Installation

Shell

curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash –
sudo apt install -y nodejs
git clone https://github.com/MichMich/MagicMirror
cd MagicMirror/
npm run install-mm
cp config/config.js.sample config/config.js
npm run start

La commande npm run start démarre l »application MagicMirror².

Pour l’arrêter, appuyer sur les touches Ctrl q

En appuyant sur la touche Alt un menu apparait en haut et de l’écran permettant également l’arrêt.

Configuration de base

Le fichier de configuration config.js se trouve dans le répertoire:

MagicMirror/config

L’exemple suivant est l’adaptation du fichier config.js donné en exemple pour afficher en français les vacances scolaires, la météo, des flux d’informations:

/* MagicMirror² Config Sample
 *
 * By Michael Teeuw https://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information on how you can configure this file
 * see https://docs.magicmirror.builders/configuration/introduction.html
 * and https://docs.magicmirror.builders/modules/configuration.html
 */
let config = {
	address: "localhost", 	// Address to listen on, can be:
							// – "localhost", "127.0.0.1", "::1" to listen on loopback interface
							// – another specific IPv4/6 to listen on a specific interface
							// – "0.0.0.0", "::" to listen on any interface
							// Default, when address config is left out or empty, is "localhost"
	port: 8080,
	basePath: "/", 	// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
					// you must set the sub path here. basePath must end with a /
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
															// or add a specific IPv4 of 192.168.1.5 :
															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
															// or IPv4 range of 192.168.3.0 –> 192.168.3.15 use CIDR format :
															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true

	language: "fr",
	locale: "en-US",
	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
	timeFormat: 24,
	units: "metric",
	// serverOnly:  true/false/"local" ,
	// local for armv6l processors, default
	//   starts serveronly and then starts chrome browser
	// false, default for all NON-armv6l devices
	// true, force serveronly mode, because you want to.. no UI on this device

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
					 symbol: "calendar-check",
				     url: "https://fr.ftp.opendatasoft.com/openscol/fr-en-calendrier-scolaire/Zone-B.ics"
					},
					{
					 symbol: "calendar-check",
					 url: "https://calendar.google.com/calendar/ical/fr.french%23holiday%40group.v.calendar.google.com/public/basic.ics"
					}
				]
			}
		},
		{
			module: "compliments",
			position: "lower_third",
			config: {
            compliments: {
               anytime: [
                  "Bonjour !"
               ],
               morning: [
                  "Bien dormi ?",
                  "Bonne journée !",
                  "Bonjour!"
               ],
               evening: [
                  "Bonne soirée !",
                  "Repose toi bien !",
                  "Bonne nuit…"
               ]
            }
		  }
		},
		{
			module: "weather",
			position: "top_right",
			config: {
				weatherProvider: "openweathermap",
				type: "current",
				location: "Rieulay",
				locationID: "6438444", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
			}
		},
		{
			module: "weather",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				weatherProvider: "openweathermap",
				type: "forecast",
				location: "Rieulay",
				locationID: "6438444", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "France Info",
						url: "https://www.francetvinfo.fr/titres.rss"
					},
					{
						title: "Le Monde",
						url: "https://www.lemonde.fr/rss/une.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		},
	]
};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

La première modification à faire se trouve à la ligne 29 pour passer dans la langue française. Ensuite il suffit de modifier les modules « calendar », « weather » et « newsfeed »

Ajout d’un module

De nombreux modules sont disponibles sur le site MagicMirror² . La démarche pour installer un nouveau module est la suivante:

aller dans le répertoire MagicMirror/modules
cloner le module avec la commande git
aller dans le répertoire du nouveau module
exécuter la commande npm install
modifier le fichier config.js en ajoutant le nouveau module

Exemple

Ajout d’un module permettant de faire la lecture de fichiers MP3 se trouvant dans un répertoire du Raspberry

Shell

cd MagicMirror/modules 
git clone https://github.com/x3mEr/MMM-MP3Player.git 
cd MMM-MP3Player 
npm install

Si lors de l’exécution de la commande npm install, des messages signalant des problèmes de « vulnerability » apparaissent, il est vivement recommandé de ne pas installer le module.

Sinon il y a de gros risques que MagicMirron²ne puisse plus fonctionner et l’on est réduit à tout recommencer (depuis la réinstallation sur la sdcard du système PI OS).

Pour cette raison, sauvegarder sur un support externe le fichier config.js chaque fois que l’on a réussi à avoir une version satisfaisante de MagicMirror².

En cas de problèmes importants, essayer de supprimer le répertoire MagicMirror

sudo rm -r MagicMirror

puis réinstaller en reprenant les étapes 1 à 4 ci-dessus. L’étape 1 peut signaler des erreurs, mais cela n’empêche pas, a priori, la bonne exécution des étapes suivantes !

Modification du fichier config.js

Une méthode simple consiste à ajouter le nouveau module en insérant la définition au début de la section « modules »

modules: [
	//— DEBUT D'INSERTION
        {
			module: "MMM-MP3Player",
			position: "top_left",
			config: {
				musicPath: "modules/MMM-MP3Player/music/", 
				autoPlay: true,
				random: false,
				loopList: true,
			}
        },
	//— FIN D'INSERUION    
        {
			module: "alert",
		},

Location des modules sur l’écran

Dans le fichier config.js, chaque module a sa localisation sur l’écran définie par le champ « position ». Exemple:

position: « upper_third »

Les localisations disponibles sont:

--------------------------- top_bar -----------------------------------
--- top_left ---        --- top_center ---         --- top_right ------
--------------------------- upper_third -------------------------------
--------------------------- middle_center -----------------------------
--------------------------- lower_third -------------------------------
--- bottom_left ---     --- bottom_center ---      --- bottom_right ---
--------------------------- bottom_bar --------------------------------

L’article permet de visualiser ces différentes localisations (voir en fin d’article).

Plusieurs modules peuvent avoir la même position. Dans ce cas ils sont placés l’un après l’autre dans la zone sélectionnée.

Grimeco

Installation et Configuration de MagicMirror2

Installation

Configuration de base

Ajout d’un module

Location des modules sur l’écran

A DECOUVRIR EGALEMENT

PTA 98 Guide Utilisateur & Développeur

🖥️ Démarrer automatiquement une application graphique Python au boot sur Raspberry Pi (méthode .desktop)

Partage Samba Raspberry

Laisser un commentaire Annuler la réponse