Un servidor de signes digitals en un Raspberry Pi: 8 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14

Una guia per a principiants absoluta sobre Còrsega en un Raspberry PI

Els signes digitals són a tot arreu. Els veieu a aeroports, centres comercials, grans magatzems i fins i tot a cantonades. No necessiteu un munt de maquinari personalitzat car per crear el vostre propi sistema de signes digitals. Aquesta instrucció mostra com construir un servidor de senyalització digital que pugui conduir desenes de pantalles. Cada pantalla pot ser tan simple com un monitor i un Raspberry PI.

Gràcies als Node Ninjas de Mozilla, fins i tot podeu executar el servidor en un Raspberry Pi mitjançant Còrsega.

Còrsega és una solució de senyalització digital extensible que es pot implementar a la majoria de sistemes POSIX. Consisteix en un servidor i mostra clients. Les màquines client no requereixen programari especial i simplement executen qualsevol navegador web modern, tot i que tothom de l’equip de Còrsega recomana Firefox. El servidor consumeix molt pocs recursos i s’executarà amb alegria en un Raspberry Pi o en una altra màquina molt petita. Un servidor de Còrsega que s’executa en un Raspberry Pi 3+ pot admetre fàcilment més de 100 pantalles de client. Aquestes instruccions estan escrites específicament per a un Raspberry Pi que executa el sistema operatiu Raspian (un derivat de Debian). Aquestes instruccions també suposen que utilitzeu el navegador Firefox. La majoria dels altres navegadors moderns també haurien de funcionar.

Pas 1: la línia d'ordres Raspian

Aquestes instruccions us mostraran com configurar Còrsega mitjançant la línia d'ordres. Si utilitzeu Raspian amb la interfície gràfica d’usuari (GUI), arribareu a la línia d’ordres mitjançant l’aplicació de terminal. Si utilitzeu Raspian-lite, podeu connectar un teclat i supervisar i utilitzar directament la línia d’ordres, o bé connectar-vos a la xarxa mitjançant SSH. Per obtenir més informació sobre com habilitar i utilitzar SSH, consulteu la documentació de Raspian SSH. Haureu de conèixer el nom DNS o l’adreça IP del vostre Raspberry Pi. El nom per defecte de la majoria de LAN serà raspberrypi.local. Si això no funciona, hi ha instruccions a la documentació de Raspian que us ajudaran a descobrir el nom i l'adreça IP correctes.

Pas 2: Instal·lació del programari

Còrsega utilitza node i npm. Node us permet executar Javascript del servidor i npm és el gestor de paquets del node.

Per instal·lar-los en un Raspberry Pi, primer comproveu la versió del processador del vostre sistema:

uname -m

Si el resultat comença amb armv6, consulteu aquesta entrada al bloc. Per als sistemes Raspberry Pi 3 i altres amb processadors armv7 i posteriors:

curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -

sudo apt install nodejs

Si no esteu familiaritzat amb Node, podeu obtenir més informació a nodesource.com.

A continuació, instal·leu les eines de la línia d'ordres de Còrsega:

sudo npm install -g corsica-cli

Per veure les ordres disponibles, escriviu

corsica --help

A partir d’aquest moment, les ordres disponibles són:

setup-- per configurar un servidor de Còrsega [opcions] - per iniciar el servidor de Còrsega reiniciar [opcions] - per reiniciar un servidor de Còrsega en execució - per aturar un servidor de Còrsega en execucióadd-plugin [name] - per instal·lar un pluginremove- plugin [nom] - per eliminar un pluginlist-plugins instal·lat - per llistar la versió del complement instal·lada - per actualitzar tant Còrsega com els seus connectors

Ara podeu utilitzar les eines per configurar el programari de Còrsega:

configuració de Còrsega

La configuració de Còrsega us preguntarà on voleu instal·lar Còrsega i us mostrarà la ubicació per defecte:

On instal·lar Còrsega: (/ home / pi / corsica-server)

Simplement podeu prémer retorn.

Veureu alguns missatges d'advertiment de npm. Són segurs d'ignorar.

Quan la configuració diu "Fet!", Heu instal·lat Còrsega.

Podeu iniciar Còrsega a la sessió del terminal amb:

còrsega inici

I atureu-lo amb control-C.

Però si l’inicieu així només s’executarà mentre s’executi la sessió del terminal. Quan tanqueu la sessió terminal, còrsega s'aturarà.

Si inicieu Còrsega en segon pla, s'executarà fins i tot després de desconnectar la sessió del terminal. Podeu fer-ho amb

corsica start --fond

Per aturar que una instància de Còrsega s'executi en segon pla, escriviu:

parada còrsega

Pas 3: Configuració

La vostra configuració probablement necessitarà una certa personalització. Hi ha dos tipus de personalització a Còrsega: configuració i configuració. La configuració és principalment estàtica i la fa servir el nucli. Els paràmetres són dinàmics i els utilitzen sobretot els connectors. Més informació sobre la configuració més endavant.

La configuració prové de l’entorn i serveix per a coses molt estàtiques, com ara escoltar el port o carregar els connectors. Hi ha quatre fonts per configurar:

1. lib / config.json: aquí s’emmagatzemen els valors predeterminats i és un bon lloc per veure alguns dels elements que es poden configurar. No hauríeu de canviar els valors aquí.

2. config.js: els paràmetres que es troben en aquest fitxer es carreguen com si fossin de l'entorn. La sintaxi és una configuració per línia, per exemple. "PORT = 8080". Si els valors aquí són JSON vàlids, s’analitzaran com a tals. La configuració aquí substituirà els valors predeterminats de `lib / config.json`. El fitxer config.js especifica inicialment el número de port on escolta Còrsega i els connectors utilitzats pel sistema.

3..env - Si el fitxer ocult anomenat.env es troba al directori Còrsega, la seva configuració es carrega com si fos de l'entorn. La sintaxi és la mateixa que a config.js. Aquest fitxer no existeix a la configuració predeterminada.

4. Variables d'entorn: podeu introduir informació de configuració a variables d'entorn del sistema si ho preferiu. Si no esteu familiaritzat amb les variables d'entorn, és segur ignorar aquesta opció.

Pas 4: Connexió de pantalles de visualització

Un cop hàgiu iniciat Còrsega, s'executarà un servidor web al port 8080 del vostre equip tret que hàgiu canviat el número de port al fitxer.env. Haureu de conèixer el nom de l’amfitrió o l’adreça IP del vostre Pi. El nom predeterminat per a una nova instal·lació de Raspberry Pi és raspberrypi. Si no l'heu canviat, podeu obrir un navegador a la màquina client de la pantalla i navegar per:

raspberrypi.local: 8080

Hauríeu de veure el logotip groc i negre de Còrsega. Apareixerà una bombolla amb el nom de Còrsega del vostre client. Podeu (i hauríeu) de canviar el nom del vostre client per un element que indiqui la ubicació d'aquesta pantalla de visualització en particular. La manera més senzilla de fer-ho és fer servir corsch-repl de Potch. (Potch és el principal desenvolupador de Còrsega i promet promoure que reemplaçarà el nucli de Còrsega aviat).

Obriu una pestanya del navegador i aneu a:

potch.github.io/corsica-repl?server=https://raspberrypi.local:8080/

(Això suposa que raspberrypi.local és el nom del vostre servidor de Corsica).

Utilitzarem "TestClient" com a nom de la pantalla del client per a la resta d'aquest tutorial. Aneu al menú desplegable de l'extrem inferior dret de la pantalla i cerqueu el nom del client que va aparèixer. A continuació, escriviu a la línia d’ordres a la part inferior esquerra de la pantalla:

admin type = canvia el nom del nom = TestClient

Deixeu oberta la pestanya corsica-repl i canvieu a la pestanya del navegador que mostra el logotip de Corsica i actualitzeu la pàgina. Veureu el nom nou a la bombolla emergent. Si desapareix massa ràpidament, passeu el ratolí a l'extrem inferior dret i apareixerà el botó "Pantalla completa" amb el nou nom a l'esquerra.

Pas 5: afegir contingut

Després de mostrar el logotip de Còrsega, el client mostrarà alguns animals de dibuixos animats sobre un fons blau.

L'etiqueta per defecte del fitxer state.json conté una llista d'adreces de pàgines web. Podeu presentar qualsevol pàgina web d’aquesta manera, tot i que el disseny d’algunes pàgines les fa menys adequades per utilitzar-les amb Còrsega.

Un client de Còrsega mostra contingut d'una o més etiquetes a les quals està subscrit. Els clients nous ja estan subscrits a una etiqueta anomenada "predeterminada".

Els animals de dibuixos animats són bonics, però afegim contingut útil a la rotació de pantalla del nostre client de prova.

Torneu a la pestanya corsica-repl i a la línia d'ordres a la part inferior esquerra escriviu:

admin type = subscriure tag = weather

Torneu a la pestanya client de visualització i actualitzeu la pàgina.

A la llista d’urls que es mostren s’afegirà una previsió meteorològica per a San Jose, Califòrnia.

El nostre fitxer de mostra state.json conté tres etiquetes anomenades "per defecte", "temps" i "imatges". L'etiqueta "images" conté enllaços a més fitxers de gràfics d'animals de dibuixos animats (.png). Afegim-los tornant a la pestanya corsica-repl i escrivint:

tipus d'administrador = subscripció etiqueta = imatges

De nou, torneu a la pestanya del client de visualització i actualitzeu la pàgina. Veuràs alguns animals nous afegits a la rotació. Tingueu en compte que els nous animals apareixen a la vora esquerra de la pàgina amb un fons blanc. Això es deu al fet que els dibuixos animats amb el fons blau apareixen a state.json com a URL que apunten a una pàgina web adequada escrita en html. Els dibuixos animats nous amb fons blancs es mostren a state.json com a URL que només apunten als fitxers gràfics-p.webp

Podem millorar la manera com es mostren aquests gràfics a Còrsega, però per fer-ho haurem d '"ampliar" Còrsega mateixa.

Pas 6: Ampliar Còrsega

Al lloc web de npm hi ha més d’una dotzena de connectors de Còrsega npm. Seguiu aquest enllaç i introduïu "corsica" al quadre de cerca situat a la part superior de la pàgina per veure'n una llista. Utilitzarem un d’aquests connectors npm per deixar-vos mostrar els nostres nous animals. També és útil per mostrar qualsevol imatge que trobeu al web, sense mostrar gràfics que distreguin la imatge.

Aneu a la línia d'ordres de Còrsega, atureu Còrsega i instal·leu el connector corsica-image:

plugin corsica add-plugin corsica-image

A continuació, reinicieu Còrsega:

còrsega inici

Obriu la pestanya client de visualització de Còrsega al navegador i actualitzeu la pàgina. Heu de veure els nous animals que es mostren centrats a la pantalla amb un fons blau fosc.

Pas 7: personalització del contingut

Vegem la diferència entre el que fan les URL de l'etiqueta predeterminada i les de les etiquetes d'imatges. Feu un cop d'ull a state.json anant a la línia d'ordres de Còrsega i escrivint:

cat ~ / corsica-server / state.json

A la secció "per defecte" d'aquest fitxer trobareu una línia que té l'aspecte següent:

"https://ramilewski.github.io/corsica-support/show.html?image=kitty.png", Aquesta url és un enllaç a una pàgina web amb una historieta d’un gatet. Aquesta pàgina web mostra una imatge, però també proporciona un fons que és un degradat que comença a la part superior de la pàgina amb un color blau i que es difumina a blanc a la part inferior de la pàgina. Aquest fons el creen els CSS i HTML de la pàgina web. No forma part del gràfic en si.

Les seccions "imatges" de la pàgina tenen una línia que té l'aspecte següent:

"https://ramilewski.github.io/corsica-support/bunny.png bg = # 2244BB", Es tracta d’un URL que especifica un enllaç a la imatge-p.webp

"# 2244BB" és una notació hexadecimal per a un color blau fosc. Per obtenir una eina que us ajudi a especificar qualsevol color en notació hexadecimal, consulteu el selector de colors MDN.

En mostrar aquesta línia, Còrsega ha utilitzat el connector corsica-image per representar la pantalla. Això vol dir que si trobeu una imatge que voleu mostrar al vostre client de Còrsega, podeu crear una línia a state.json que mostri només aquesta imatge, però no cap altre contingut que distregui la pàgina circumdant. Per trobar l'URL d'una imatge al Firefox, feu clic amb el botó dret a la imatge i seleccioneu "Copia la ubicació de la imatge" al menú contextual que apareix.

La secció "temps" de state.json només té un URL. Això obté una predicció del temps a https://forecast.io. Però, llevat que visqueu a San José, aquesta previsió no és molt útil. Per obtenir una previsió de la vostra ubicació, heu de saber la latitud i la longitud en graus decimals. Si no ho feu, hi ha una eina basada en web que us permetrà trobar-la.

Ara mateix, l'URL de la línia a state.json que especifica la predicció del temps té l'aspecte següent:

"https://forecast.io/embed/#lat=37.3352&lon=-121.8871&name=San%20Jose%20CA&color=#4466bb zoom = 300"

Per obtenir la previsió de la vostra ubicació, canvieu les entrades lat i lon en aquesta línia i canvieu el nom per la vostra ubicació. Utilitzeu% 20 en lloc d'espais al topònim. El paràmetre color especifica el color de les barres entre les temperatures alta i baixa. El paràmetre de zoom s’utilitza per ajustar la mida de la previsió perquè s’adapti a la pantalla.

Quan creeu el vostre propi fitxer state.json, recordeu que si teniu una etiqueta "predeterminada", qualsevol contingut especificat en aquesta etiqueta apareixerà a qualsevol navegador que es connecti al servidor sense més configuració.

Temps de visualització

A la part superior de state.json hi ha alguns paràmetres que controlen el temps que es mostra cada imatge a la pantalla.

"settings:: timer": {

"resetTime": 30000, "jitter": 5000, Totes les vegades es mesuren en mil·lisegons (mil·lèsimes de segon). El resetTime és el temps màxim que hi ha cada imatge a la pantalla abans que es mostri la següent pantalla. La fluctuació es multiplica per un nombre aleatori entre -1 i 1 i el resultat s’afegeix a resetTime. Això proporciona una certa varietat de temps de visualització. Podeu establir la jitter a 0 si ho desitgeu. La configuració que es mostrarà farà que cada pàgina es mostri entre 25 i 35 segons.

També podeu definir horaris diferents per a cada client de visualització:

"settings:: timer": {

"resetTime": 30000, "jitter": 5000, "resetOnConnect": true, "screens": {"TestClient": {"resetTime": 10000, "jitter": 1000}}}, Aquí hem definit el temps de visualització del TestClient entre 9 i 11 segons.

Pas 8: Conclusió

Hem mostrat com instal·lar i configurar un servidor de Corsica en un Raspberry Pi. Amb el que heu après aquí, podeu crear un sistema de senyalització digital versàtil i de molt baix cost. Podeu utilitzar Raspberry Pis no només com a servidor del vostre sistema, sinó també per conduir pantalles de clients.

Hi ha molts més connectors al lloc web de npm que podeu utilitzar per afegir altres funcions a la vostra instal·lació de Còrsega, inclosa la visualització:

• Imatges de Flickr
• Piulades
• Converses en un canal IRC
• Arxius de vídeo
• Vídeos de YouTube
• Presentacions de presentacions de Google
• Dibuixos animats de XKCD
• Contingut d’un feed RSS

Crèdits

Còrsega és la creació de Node Ninjas de cinturó negre de tercer grau de Mozilla dirigits per potch, lonnen i mythmon.

Aquestes instruccions per a Còrsega sobre Raspberry Pis van ser empaperades per Richard.

Normalment, podeu trobar tothom que s’amaga al voltant del canal #corsica a irc.mozilla.org.