আমার রাস্পবেরি পাই রিয়েল টাইমে সিপিইউ তাপমাত্রা, সিপিইউ লোড ইত্যাদি নির্দেশিত ডায়াল সহ একটি ওয়েবপৃষ্ঠা হোস্ট করার জন্য আমাকে কী করতে হবে?

Question

আমি ইউনিক্স কমান্ড এবং স্ক্রিপ্টিং সহ ভাল, তবে আমার প্রায় কোনও অভিজ্ঞতা নেই। আমার কাছে এমন একটি স্ক্রিপ্ট রয়েছে যা আমি আগ্রহী এমন মেট্রিকগুলি গ্রাহক করে, যেমন সিপিইউ লোড বা সিস্টেম টেম্প এবং প্রতি 10 সেকেন্ডে একটি ফাইল আপডেট করে। আমি আমার আইপ্যাডটি আমার রাস্পবেরি পাই দ্বারা হোস্ট করা একটি স্থানীয় ওয়েবসাইটের দিকে তুলে ধরতে চাই, এতে এই ডেটার গ্রাফিকাল উপস্থাপনাটি রিয়েল-টাইম আপডেট করে।

আমি একটি সাধারণ অ্যাপাচি ওয়েব সার্ভার স্থাপন করার আগে কাজ করেছি এবং আমি এইচটিএমএল এবং জাভাস্ক্রিপ্ট লিখতে পারি। তদ্ব্যতীত, আমি হারিয়ে গিয়েছি এবং কেউ আমাকে সঠিক দিকে নির্দেশ করতে চাই।

Comments

আপনার প্রশ্নটি কিছুটা বিস্তৃত। আপনি কি কিছু দ্রুত এবং নোংরা সমাধান চান, বা আপনি একটি ন্যূনতম প্রোগ্রাম কোড করতে চান যা এমনকি ছোট লিনাক্স এম্বেডড সিস্টেমে ফিট করে?

— বেসাইল স্টারিনকিভিচ

আমি প্রাথমিকভাবে দ্রুত এবং ময়লা কিছু খুঁজছিলাম, তবে নীচে উল্লিখিত খুব সুন্দর সরঞ্জামগুলির প্রাপ্যতা আমাকে আরও আগ্রহী করেছে।

— jake9115

এফওয়াইআইতে একটি রাস্পবেরি পাই স্ট্যাক রয়েছে: raspberrypi.stackexchange.com

— টড উইলকক্স

github.com/firehol/netdata সেট আপ করা খুব সহজ। যদিও এটি কোনও পাইতে পরীক্ষা করা হয়নি

— ডের হচস্টাপলার

Answer 1

আমি আমার রাস্পবেরি পাই 3 এর জন্য ইনফ্লুডসিডিবি সহ গ্রাফানা ব্যবহার করি They এগুলি উভয়ই সেটআপ এবং একে অপরের সাথে সংযোগ স্থাপনে তুলনামূলকভাবে সহজ। এমনকি তারা রাস্পবেরি পাইতে ডকারের পাত্রে ভাল কাজ করে।

আমি আমার আপডেটগুলি উত্পন্ন হওয়ার সাথে সাথে ইনফ্লুডডিবিতে স্ট্রিম করি। তারপরে গ্রাফানা এগুলিকে একটি দুর্দান্ত ভিজ্যুয়াল বিন্যাসে প্রদর্শনের সমস্ত গ্রাফিকাল কাজ করে। আমি কেবল আমার পুরানো আইপ্যাড এর ছোট স্ক্রিন সহ একটি সাধারণ ড্যাশবোর্ড ডিজাইন করেছি।

এটি অনেকগুলি ইনস্টল করা এবং ওভারহেডের মতো শোনাচ্ছে তবে এটি অবশ্যই সুন্দর দেখাচ্ছে।

Comments

খুব ঠান্ডা. আপনি কি আপনার গ্রাফানা মনিটরের কোনও স্ক্রিনশট পেয়েছেন? উৎসুক.

— jake9115

হা. খুব বেশি কিছু বোঝাতে পারে না, এটি হ'ল একটি মিশ্রণ-ম্যাশ। আমার কম্পিউটারে স্ন্যাপড, আইপ্যাডের মতো দেখতে আকারের নয়।

— 0xACE

দুর্দান্ত লাগছে, আমার সেট আপ করতে অপেক্ষা করতে পারে না! আমার কাছে একটি 16 নোড কমলা পাই সার্ভার রয়েছে যা এটির জন্য উপযুক্ত। আবার ধন্যবাদ.

— jake9115

(বিষয় ছাড়াই) পাই এর সাথে একসাথে যোগ দেওয়ার বিষয়ে আপনার অন্যান্য প্রশ্নটি এমন এক সাথে যুক্ত হয়েছে যা একাধিক কোর সহ একক বোর্ডের মতো দেখায়। আমি যে কলেজটিতে কাজ করি তার এইচপিসি লোকটি একটি সিস্টেম স্থাপন করেছিল তবে তার মনে পড়ে যে সে "গ্রিড ইঞ্জিনের পুত্র" ব্যবহার করছে যা আপনি যা খুঁজছিলেন তা করে না।

— 0xACE

@ 0xACE এটি পাইতে বিবেচনা করা আপনার অনুরোধের সাথে অ্যাপাচি সার্ভারকেও স্প্যাম করা একটি খুব খারাপ ধারণা। এছাড়াও 10 এর দশকে প্রশ্নকারীদের বর্তমান সেটআপ বোঝায় যেখানে তারা আরও দ্রুত কিছু চায়।

— jdwolf

Answer 2

আপনার রাস্পবেরিতে মনিটরিং পৃষ্ঠা সেটআপ করতে (এবং প্রসারিত) হালকা ও খুব সহজ ওয়েব মনিটরিং ড্যাশবোর্ড পাওয়ার জন্য আপনি আরপিআই মনিটর পেয়েছেন ।

এটি কিছু ডিফল্ট নিয়ে আসে এবং কনফিগারেশনটি বেশিরভাগ সহজ টেক্সট ফাইল সম্পাদনা করে। আমি এটি ডিটিএইচ 21 থেকে আর্দ্রতা গ্রাফ যুক্ত করতে সহজেই কনফিগার করেছি।

Comments

আমি অবদানের প্রশংসা করি; আমি এখানে আরো কিছু জড়িত সমাধানের সেটআপ করতে শিখার সময় এটি সত্যিই হালকা ওজনের এবং সম্ভবত একটি দুর্দান্ত গ্রাফিংয়ের পছন্দ বলে মনে হচ্ছে। ধন্যবাদ!

— jake9115

আপনি স্বাগত জানাই। আমি এটি বাড়িতে প্রায় 3 বছর ধরে ব্যবহার করেছি। সম্পর্কিত প্রশ্ন দেখুন ইলেক্ট্রনিক্স.স্ট্যাকেক্সচেঞ্জ

— রুই এফ রিবেইরো

Answer 3

ওয়েবে রিয়েলটাইম অ্যাপ্লিকেশনগুলির জন্য সেরা সরঞ্জাম হ'ল ওয়েবসকেট । সাধারণত এগুলি ওয়েব সার্ভার নয়, অ্যাপ্লিকেশন সার্ভারে প্রয়োগ করা হয়, তবে অ্যাপাচি প্রক্সি ওয়েবসকেটের একটি উপায় সরবরাহ করে। এটি সহজেই প্রতি সেকেন্ড বা সাবসেকেন্ড আপডেট সরবরাহ করতে পারে।

আপনি অ্যাপ্লিকেশন সার্ভারে কোন লাইব্রেরি ব্যবহার করবেন তা নির্ভর করে আপনি কোন ওয়েব প্ল্যাটফর্মটি ব্যবহার করতে চান তার উপর নির্ভর করে তবে উদাহরণস্বরূপ নোড.জেসের জন্য একটি জনপ্রিয় সকেট.আইও।

ক্লায়েন্ট পক্ষ আপনি এই মত একটি সংযোগ সেট আপ করতে পারেন:

socket = new WebSocket("ws://website.net:8282");

socket.addEventListener('message', function (event) {
    var message = event.data;
    // Code to update site
});

মৌলিক ওয়েবস্কট লাইব্রেরি ব্যবহার করে নোড.জেস সহ সার্ভারের দিকে:

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8282 });
wss.on('connection', function connection(ws) {
  dataOnUpdateEvent(function(event) {
    var data = event.getdata();
    var message = parseData(data);
    ws.send(message);
  });
});

Comments

ধারণার জন্য ধন্যবাদ। এটি খুব দরকারী, তবে অনেকগুলি গ্রাউন্ডওয়ার্কের মতো দেখায়, যা বোধগম্য।

— jake9115

@ জেক ৯১০৫ হিহহহ আপনার প্রশ্নটি মনে হচ্ছে আপনি নিজেরাই এই অ্যাপ্লিকেশনটি তৈরি করতে আগ্রহী ছিলেন।

— jdwolf

সর্বোপরি সত্যই আমি নিজের কোড করার লক্ষ্যে ছিলাম, কিন্তু গ্রাফানাটি এত চতুর দেখাচ্ছে যে আমি এইটির উপর চাকাটি পুনর্বিবেচনা করতে চাই না। ধন্যবাদ যদিও!

— jake9115

Answer 4

আপনি নোড-রেড https://nodered.org এও দেখতে পারেন এটি রাস্পবিয়ান-এ স্টক আসে

এখানে আমি তৈরি একটি ড্যাশবোর্ড

Comments

আমি এটি সন্ধান করব, অবদানের জন্য ধন্যবাদ।

— jake9115

আমি আমার সেটআপ সহ নোড-রেড ব্যবহার করি তবে instanceতিহাসিক ডেটা কেবল ততক্ষণ বৈধ যেখানে আপনার ইনস্ট্যান্স চলমান থাকে। এটি হ'ল যদি আপনি পুনরায় চালনা করেন (বা শক্তি হারাবেন) তবে historicalতিহাসিক পরিমাপগুলির কোনওটিই রক্ষা করা হয় না, আপনার চার্টগুলি কিছুই থেকে শুরু হয়ে যায়। এই বৈশিষ্ট্যটিই আমাকে ইনফ্লাক্সডিবিতে লগইন করতে উত্সাহিত করেছিল।

— 0xACE

আহ, জেনে ভাল লাগল। Dataতিহাসিক তথ্য আমার কাছে গুরুত্বপূর্ণ। আমি সত্যিই পছন্দ করি যে কীভাবে আপনার গ্রাফগুলি এমনকি অন্যান্য ওয়েব-ভিত্তিক তথ্যগুলি বিটকয়েনের দামের মতো অন্তর্ভুক্ত করে। এটি আমার প্রাথমিক সুযোগের বাইরে ছিল, তবে আর নয়।

— jake9115

হ্যাঁ, এই উদাহরণটি আমি আইওএস অ্যাপ স্টোরে থাকা একটি অ্যাপ্লিকেশন থেকে ডেটা অন্তর্ভুক্ত করেছি (বয় স্কাউট ভাল টার্ন করছেন) যা এটি ডেটা গুগল ফায়ার বেসে সংরক্ষণ করে। এটি নীচে মানচিত্র। আমি ফায়ার বেস থেকে ডেটা টানতে এবং এটিকে প্রবাহে ঠেলাতে নোড লাল ব্যবহার করি, সুতরাং এটি সমস্ত আগমন এবং গ্রাফানা নয়।

— 0xACE

Answer 5

আমি আমার সমস্ত লিনাক্স সার্ভার / কম্পিউটারগুলি নিরীক্ষণ করতে phpSysInfo ব্যবহার করি এবং আমি সত্যিই এটি কতটা সহজ তা পছন্দ করি। সেটিংসগুলি বোঝাও খুব সহজ এবং আপনি নিজের রিফ্রেশ রেট সেট করতে পারেন।

Answer 6

আপনি C অথবা সি কোডে চান ++ আপনার মত কিছু HTTP সার্ভার লাইব্রেরি ব্যবহার পারে libonion বা WT কোডে আপনার বিশেষ HTTP সার্ভার (সম্ভবত ব্যবহার SQLite ডাটাবেস জন্য)। তারপরে আপনার HTTP প্রোটোকল ( HTTP কুকিজ এবং HTTP শিরোনাম সহ ) এবং HTML5 ভালভাবে বুঝতে হবে ।

আপনি অ্যাজাক্স এবং ওয়েবসকেট কৌশলগুলি ব্যবহার করতে চাইতে পারেন (ওয়েবসকেটগুলি লাইবোনিয়ন ও ডাব্লুটি দ্বারা সমর্থিত, আজাক্স ক্লায়েন্ট ব্রাউজারে চলমান জাভাস্ক্রিপ্ট কোড দ্বারা শুরু করা সাধারণ এইচটিটিপি অনুরোধ দেয়)। আপনি গ্রাফিক্সের জন্য এইচটিএমএল 5 ক্যানভাস এবং / অথবা এসভিজি ব্যবহার করতে পারেন । আপনি কিছু HTML5 ওয়েব ফ্রেমওয়ার্ক দরকারী খুঁজে পেতে পারেন ; তাদের বেশিরভাগ জাভাস্ক্রিপ্ট, ডোম, এইচটিএমএল 5, .... ব্যবহার করছে