Raspberry Pi'de Dijital İşaret Sunucusu: 8 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:19

Ahududu PI'de Korsika'ya Mutlak Başlangıç Kılavuzu

Dijital tabelalar her yerde. Onları havaalanlarında, alışveriş merkezlerinde, büyük mağazalarda ve hatta sokak köşelerinde görürsünüz. Kendi dijital tabela sisteminizi oluşturmak için çok pahalı özel donanıma ihtiyacınız yok. Bu Eğitilebilir Tablo, düzinelerce ekranı çalıştırabilen bir dijital tabela sunucusunun nasıl oluşturulacağını gösterir. Her ekran, bir monitör ve bir Raspberry PI kadar basit olabilir.

Mozilla'daki Node Ninjas sayesinde, sunucuyu Corsica kullanarak bir Raspberry Pi'de bile çalıştırabilirsiniz.

Corsica, çoğu POSIX sisteminde uygulanabilen genişletilebilir bir dijital tabela çözümüdür. Bir sunucu ve görüntü istemcilerinden oluşur. Korsika ekibindeki herkes Firefox'u şiddetle tavsiye etse de, istemci makineler özel yazılım gerektirmez ve herhangi bir modern web tarayıcısını çalıştırır. Sunucu çok az kaynak tüketir ve bir Raspberry Pi veya diğer çok küçük makinelerde mutlu bir şekilde çalışır. Raspberry Pi 3+ üzerinde çalışan bir Corsica sunucusu, 100'den fazla istemci ekranını kolayca destekleyebilir. Bu talimatlar, özellikle Raspian işletim sistemini (bir Debian türevi) çalıştıran bir Raspberry Pi için yazılmıştır. Bu talimatlar ayrıca Firefox tarayıcısını kullandığınızı varsayar. Diğer modern tarayıcıların çoğu da çalışmalıdır.

Adım 1: Raspian Komut Satırı

Bu talimatlar size Corsica'yı komut satırı üzerinden nasıl yapılandıracağınızı gösterecektir. Raspian'ı grafik kullanıcı arabirimi (GUI) ile kullanıyorsanız, terminal uygulaması aracılığıyla komut satırına ulaşırsınız. Raspian-lite çalıştırıyorsanız, bir klavye bağlayabilir ve komut satırını doğrudan kullanabilir veya SSH kullanarak ağ üzerinden bağlanabilirsiniz. SSH'nin nasıl etkinleştirileceği ve kullanılacağı hakkında daha fazla bilgi için Raspian SSH belgelerine bakın. Raspberry Pi'nizin DNS adını veya IP adresini bilmeniz gerekir. Çoğu LAN'daki varsayılan ad raspberrypi.local olacaktır. Bu işe yaramazsa, Raspian belgelerinde doğru adı ve IP adresini keşfetmenize yardımcı olacak talimatlar vardır.

2. Adım: Yazılım Kurulumu

Korsika düğüm ve npm kullanır. Düğüm, sunucu tarafı Javascript'i çalıştırmanıza izin verir ve npm, düğüm paketi yöneticisidir.

Bunları bir Raspberry Pi'ye kurmak için önce sisteminizdeki işlemcinin sürümünü kontrol edin:

unname -m

Sonuç armv6 ile başlıyorsa, bu blog gönderisine bakın. Raspberry Pi 3 sistemleri ve armv7 ve sonraki işlemcilere sahip diğerleri için:

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

sudo apt kurulum düğümü

Node hakkında bilginiz yoksa nodesource.com adresinden daha fazla bilgi edinebilirsiniz.

Ardından, Corsica Komut Satırı Araçlarını yükleyin:

sudo npm kurulum -g korsika-cli

Kullanılabilir komutları görmek için şunu yazın

korsika -- yardım

Bu yazı itibariyle mevcut komutlar şunlardır:

setup-- bir Corsica serverstart [seçenekler] kurmak için -- Corsica sunucusunu yeniden başlatmak için [seçenekler] -- çalışan bir Corsica serverstop'u yeniden başlatmak için -- çalışan bir Corsica serveradd-plugin [name] -- bir eklenti yüklemek için eklenti [ad] -- kurulu bir eklenti listesi-eklentilerini kaldırmak için -- kurulu eklenti güncellemesini listelemek için -- hem Korsika'yı hem de eklentilerini güncellemek için

Artık Corsica yazılımını kurmak için araçları kullanabilirsiniz:

korsika düzeni

Korsika kurulumu, Korsika'yı nereye kurmak istediğinizi soracak ve size varsayılan konumu gösterecektir:

Corsica'nın nereye kurulacağı: (/home/pi/corsica-server)

Sadece geri tuşuna basabilirsiniz.

Bazı npm uyarı mesajları göreceksiniz. Bunları göz ardı etmek güvenlidir.

Kurulum "Bitti!" dediğinde, Corsica'yı kurdunuz.

Korsika'yı terminal oturumunuzda aşağıdakilerle başlatabilirsiniz:

korsika başlangıç

Ve bunu control-C ile durdurun.

Ancak bu şekilde başlatırsanız, yalnızca terminal oturumunuz çalıştığı sürece çalışır. Terminal oturumunuzu kapattığınızda korsika duracaktır.

Corsica'yı arka planda başlatırsanız, terminal oturumunuzun bağlantısını kestikten sonra bile çalışacaktır. ile yapabilirsin

korsika başlangıç -- arka plan

Arka planda çalışan bir Korsika örneğini durdurmak için şunu yazın:

korsika durağı

3. Adım: Yapılandırma

Kurulumunuz muhtemelen biraz özelleştirmeye ihtiyaç duyacaktır. Korsika'da iki tür özelleştirme vardır: yapılandırma ve ayarlar. Yapılandırma çoğunlukla statiktir ve çekirdek tarafından kullanılır. Ayarlar dinamiktir ve çoğunlukla eklentiler tarafından kullanılır. Ayarlar hakkında daha sonra.

Yapılandırma ortamdan gelir ve dinlenecek bağlantı noktası veya yüklenecek eklentiler gibi çok statik şeyler içindir. Yapılandırma için dört kaynak vardır:

1. lib/config.json - Bu, varsayılanların depolandığı yerdir ve yapılandırılabileceklerden bazılarını görmek için iyi bir yerdir. Buradaki değerleri değiştirmemelisiniz.

2. config.js - Bu dosyada bulunan ayarlar, ortamdan alınmış gibi yüklenir. Sözdizimi, satır başına bir yapılandırmadır, ör. 'PORT=8080'. Buradaki değerler geçerli JSON ise, bu şekilde ayrıştırılacaktır. Buradaki ayarlar, `lib/config.json` içindeki varsayılanları geçersiz kılar. config.js dosyası başlangıçta Corsica'nın dinlediği bağlantı noktası numarasını ve sistem tarafından kullanılan eklentileri belirtir.

3..env -.env isimli gizli dosya Corsica dizininde ise, ayarları ortamdan alınmış gibi yüklenir. Sözdizimi config.js'dekiyle aynıdır. Bu dosya, varsayılan yapılandırmada mevcut değil.

4. Ortam değişkenleri - İsterseniz yapılandırma bilgilerini sistem ortam değişkenlerine koyabilirsiniz. Ortam değişkenlerine aşina değilseniz, bu seçeneği göz ardı etmek güvenlidir.

4. Adım: Görüntü Ekranlarını Bağlama

Corsica'yı başlattığınızda,.env dosyasındaki bağlantı noktası numarasını değiştirmediyseniz, makinenizin 8080 numaralı bağlantı noktasında bir web sunucusu çalıştıracaktır. Pi'nizin ana bilgisayar adını veya IP adresini bilmeniz gerekir. Yeni bir Raspberry Pi kurulumunun varsayılan adı raspberrypi'dir. Değiştirmediyseniz, görüntülü istemci makinenizde bir tarayıcı açıp şunlara göz atabilirsiniz:

raspberrypi.local:8080

Sarı ve siyah Korsika logosunu görmelisiniz. Müşterinizin Korsika adını içeren bir balon açılacaktır. Müşterinizin adını, bu belirli ekranın konumunu belirten bir adla değiştirebilirsiniz (ve değiştirmelisiniz). Bunu yapmanın en kolay yolu Potch'un corsica-repl'ini kullanmaktır. (Potch, Korsika'nın ana geliştiricisidir ve yakın zamanda Korsika'nın çekirdeğine repl koyma sözü vermiştir).

Bir tarayıcı sekmesi açın ve şunlara göz atın:

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

(Bu, raspberrypi.local'ın Corsica Sunucunuzun adı olduğunu varsayar).

Bu öğreticinin geri kalanı için istemci ekranının adı olarak "TestClient" kullanacağız. Ekranın sağ alt köşesindeki açılır menüye gidin ve açılan istemci adını bulun. Ardından ekranın sol alt tarafındaki komut satırına şunu yazın:

yönetici türü=ismi yeniden adlandır=TestClient

corsica-repl sekmesini açık bırakın ve Corsica logosunu gösteren tarayıcı sekmesine geçin ve sayfayı yenileyin. Açılan balonda yeni adı göreceksiniz. Çok hızlı bir şekilde kaybolursa, farenizi sağ alt köşeye getirin ve "Tam Ekran" düğmesi solda yeni adla birlikte görünecektir.

Adım 5: İçerik Ekleme

Korsika logosunu görüntüledikten sonra müşteri, mavi bir arka plan üzerinde bazı karikatür hayvanları gösterecektir.

state.json dosyasındaki varsayılan etiket, web sayfası adreslerinin bir listesini içerir. Bazı sayfaların düzeni onları Korsika ile kullanım için daha az uygun hale getirse de, herhangi bir web sayfasını bu şekilde sunabilirsiniz.

Bir Corsica istemcisi, abone olduğu bir veya daha fazla etiketten gelen içeriği görüntüler. Yeni müşteriler zaten "varsayılan" adlı bir etikete abone olarak gelir.

Çizgi film hayvanları sevimlidir, ancak test istemcimizde ekran döndürmeye bazı yararlı içerikler ekleyelim.

Korsika-tekrar sekmesine dönün ve sol alttaki komut satırına şunu yazın:

yönetici türü=abone ol etiketi=hava durumu

Görüntü istemcisi sekmesine geri dönün ve sayfayı yenileyin.

San Jose, California için bir hava durumu tahmini, görüntülenen url listesine eklenecektir.

Örnek state.json dosyamız "default", "weather" ve "images" adlı üç etiket içermektedir. "images" etiketi, daha fazla karikatür hayvan grafiği (.png) dosyasına bağlantılar içerir. Bunları corsica-repl sekmesine geri dönüp şunu yazarak ekleyelim:

yönetici türü=abone ol etiketi=resimler

Yine, görüntü istemcisi sekmesine dönün ve sayfayı yenileyin. Rotasyona eklenen bazı yeni hayvanlar göreceksiniz. Ancak, yeni hayvanların sayfanın sol kenarında beyaz bir arka planla göründüğüne dikkat edin. Bunun nedeni, mavi arka plana sahip karikatürlerin state.json'da html ile yazılmış uygun bir web sayfasına işaret eden url'ler olarak listelenmesidir. Beyaz arka plana sahip yeni karikatürler, state.json'da, yalnızca çevreleyen html içermeyen-p.webp

Bu grafiklerin Korsika tarafından görüntülenme şeklini iyileştirebiliriz, ancak bunu yapmak için Korsika'nın kendisini "genişletmemiz" gerekecek.

Adım 6: Korsika'yı Genişletme

Bir düzineden fazla npm Corsica eklentisi npm web sitesinde mevcuttur. Bu bağlantıyı takip edin ve bir listesini görmek için sayfanın üst kısmındaki arama kutusuna "korsika" yazın. Yeni hayvanlarımızı sergilemenize izin vermek için bu npm eklentilerinden birini kullanacağız. Web'de bulduğunuz herhangi bir resmi, resmi çevreleyen dikkat dağıtıcı grafikler göstermeden görüntülemek de yararlıdır.

Corsica komut satırına gidin, Corsica'yı durdurun ve corsica-image eklentisini kurun:

corsica eklenti eklentisi corsica-image

Ardından Korsika'yı yeniden başlatın:

korsika başlangıç

Tarayıcınızda corsica display client sekmesini açın ve sayfayı yenileyin. Koyu mavi bir arka plan ile ekranda ortalanmış olarak görüntülenen yeni hayvanları görmelisiniz.

7. Adım: İçeriği Özelleştirme

Varsayılan etiketteki url'lerin yaptıkları ile resimler etiketindekiler arasındaki farka bir göz atalım. Corsica komut satırına gidip şunu yazarak state.json'a bir göz atın:

cat ~/corsica-server/state.json

Bu dosyanın "varsayılan" bölümünde şuna benzeyen bir satır bulacaksınız:

"https://ramilewski.github.io/corsica-support/show.html?image=kitty.png",

Bu url, bir kedi yavrusu karikatürü içeren bir web sayfasına bir bağlantıdır. Bu web sayfası bir resim görüntüler, ancak aynı zamanda sayfanın üst kısmından mavi bir renk olarak başlayan ve sayfanın alt kısmında beyaza dönüşen bir degrade olan bir arka plan da sağlar. Bu arka plan, web sayfasının CSS ve HTML'si tarafından oluşturulur. Grafiğin kendisinin bir parçası değildir.

Sayfanın "resimler" bölümünde şuna benzer bir satır var:

"https://ramilewski.github.io/corsica-support/bunny.png bg=#2244BB",

Bu, bir tavşanın-p.webp

"#2244BB", koyu mavi renk için onaltılık gösterimdir. Onaltılı gösterimde herhangi bir rengi belirtmenize yardımcı olacak bir araç için MDN Renk Seçici'ye bakın.

Bu satırı görüntülerken Corsica, ekranı oluşturmak için corsica-image eklentisini kullandı. Bu, Corsica istemci ekranlarınızda görüntülemek istediğiniz bir resim bulursanız, state.json'da yalnızca o resmi gösterecek, ancak çevredeki sayfanın dikkat dağıtıcı başka hiçbir içeriğini göstermeyecek bir satır oluşturabileceğiniz anlamına gelir. Firefox'ta bir resmin URL'sini bulmak için resme sağ tıklayın ve beliren içerik menüsünde "Görüntü Konumunu Kopyala"yı seçin.

state.json'ın "hava durumu" bölümünde yalnızca bir url vardır. Bu, https://forecast.io adresinden bir hava durumu tahmini getirir. Ancak San Jose'de yaşamıyorsanız, bu tahmin pek kullanışlı değil. Konumunuz için bir tahmin almak için enlem ve boylamını ondalık derece cinsinden bilmeniz gerekir. Bunu yapmazsanız, onu bulmanızı sağlayacak web tabanlı bir araç var.

Şu anda state.json'daki hava tahminini belirten satırdaki url şuna benziyor:

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

Bulunduğunuz yerin tahminini almak için, o satırdaki enlem ve boylam girişlerini değiştirin ve adı konumunuz olarak değiştirin. Yer adında boşluk yerine %20 kullanın. Renk parametresi, yüksek ve düşük sıcaklıklar arasındaki çubukların rengini belirtir. Yakınlaştırma parametresi, tahminin boyutunu ekrana sığacak şekilde ayarlamak için kullanılır.

Kendi state.json dosyanızı oluşturduğunuzda, bir "varsayılan" etiketiniz varsa, bu etikette belirtilen herhangi bir içeriğin, daha fazla yapılandırma olmadan sunucuya bağlanan herhangi bir tarayıcıda görüneceğini unutmayın.

Ekran Zamanlaması

state.json'un en üstünde, her görüntünün ekranda ne kadar süreyle gösterileceğini kontrol eden bazı ayarlar vardır.

"ayarlar::zamanlayıcı": {

"resetTime": 30000, "titreşim": 5000,

Tüm zamanlar milisaniye (saniyenin binde biri) cinsinden ölçülür. ResetTime, bir sonraki ekran görüntülenmeden önce her görüntünün ekranda olduğu maksimum süredir. Jitter, -1 ile 1 arasında rastgele bir sayı ile çarpılır ve sonuç resetTime'a eklenir. Bu, gösterim sürelerinde biraz çeşitlilik sağlar. Dilerseniz jitter'ı 0'a ayarlayabilirsiniz. Gösterilen ayarlar, her sayfanın 25 ila 35 saniye arasında gösterilmesine neden olacaktır.

Ayrıca her görüntü istemcisi için farklı zamanlar ayarlayabilirsiniz:

"ayarlar::zamanlayıcı": {

"resetTime": 30000, "jitter": 5000, "resetOnConnect": true, "ekranlar": { "TestClient": { "resetTime": 10000, "titreşim": 1000 } } },

Burada TestClient'imizin görüntülenme süresini 9 ile 11 saniye arasında ayarladık.

Adım 8: Sonuç

Raspberry Pi'de Corsica sunucusunun nasıl kurulacağını ve yapılandırılacağını gösterdik. Burada öğrendiklerinizle çok yönlü, çok düşük maliyetli bir dijital tabela sistemi oluşturabilirsiniz. Raspberry Pis'i yalnızca sisteminizde sunucu olarak değil, istemci ekranlarını çalıştırmak için de kullanabilirsiniz.

npm web sitesinde, Korsika kurulumunuza aşağıdakiler de dahil olmak üzere başka özellikler eklemek için kullanabileceğiniz daha birçok eklenti vardır:

• Flickr'dan görüntüler
• Tweetler
• Bir IRC kanalındaki konuşmalar
• Video dosyaları
• Youtube videoları
• Google sunularındaki slaytlar
• XKCD çizgi film
• RSS beslemesinden içerik

Kredi

Korsika, Mozilla'dan potch, lonnen ve mit tarafından yönetilen üçüncü derece kara kuşak Düğüm Ninjalarının yaratılmasıdır.

Ahududu Pis üzerinde Korsika için bu talimatlar Richard tarafından bir araya getirildi.

irc.mozilla.org'da genellikle #korsika kanalında dolaşan herkesi bulabilirsiniz.