সুচিপত্র:

ওয়েব রিং করুন!: 4 টি ধাপ
ওয়েব রিং করুন!: 4 টি ধাপ

ভিডিও: ওয়েব রিং করুন!: 4 টি ধাপ

ভিডিও: ওয়েব রিং করুন!: 4 টি ধাপ
ভিডিও: ই-কমার্স সাইটের ৮টি ধাপ বিস্তারিত! ফ্রি ওয়ার্কশপ by WaliBD 2024, জুলাই
Anonim
Image
Image
পুশবাটন থেকে আরডুইনো
পুশবাটন থেকে আরডুইনো

রিং দ্য ওয়েব হল স্থানীয়/বাস্তব স্থান থেকে ওয়েবসাইটগুলিকে প্রভাবিত করার জন্য।

এটি সম্পর্কে আরও তথ্য:

makker.hu/RingTheWeb/

আপনার প্রয়োজন হবে:

  • 1 pushbutton
  • 10k প্রতিরোধক
  • Arduino (কোন প্রকার)
  • তারগুলি
  • ছোট, কম ক্ষমতার কম্পিউটার - এই ক্ষেত্রে একটি RPi
  • node.js সহ সর্বজনীন আইপি সহ একটি সার্ভার বা কম্পিউটারে অ্যাক্সেস
  • ওয়েবসাইট

পদক্ষেপ:

  1. আরডুইনো থেকে পুশবাটন
  2. আরডুইনো থেকে রাস্পবেরি
  3. সার্ভারে রাস্পবেরি
  4. ওয়েবসাইট থেকে সার্ভারে

ধাপ 1: আরডুইনো থেকে পুশবাটন

প্রথমে আপনার একটি Arduino এবং একটি pushbutton প্রয়োজন!

এগুলির যে কোনও ধরণের সম্ভব, এটি বেছে নেওয়া আপনার উপর নির্ভর করে।

তাদের সংযোগের জন্য, অনুগ্রহ করে Arduino এর অফিসিয়াল বাটন টিউটোরিয়াল অনুসরণ করুন।

এখানে Arduino কোড:

// ডিজিটাল পিন পড়ার জন্য আরডুইনো কোড এবং সিরিয়াল পোর্টে মান পাঠান

// Balázs Kovács, 2018. অকার্যকর সেটআপ () {Serial.begin (9600); // সিরিয়াল পোর্ট পিনমোড খুলুন (8, ইনপুট); // ধাক্কা বাটন পিন 8} int কাউন্টার = 0 সংযোগ করুন; // কিছু পরে ব্যবহার করা হয়েছে void loop () {if (digitalRead (8) == 1) {// check pin 8 status Serial.write ("8"); } বিলম্ব (100); পাল্টা ++; যদি (কাউন্টার = 20) {// প্রতি 20x100 = 2000ms -> কাউন্টার = 0; Serial.write ("0"); // সার্ভারে একটি "আমি বিদ্যমান" বার্তা পাঠায়}} // এটুকুই!

ধাপ 2: আরডুইনো থেকে রাস্পবেরি

আরডুইনো থেকে রাস্পবেরি
আরডুইনো থেকে রাস্পবেরি

এখন আমরা একটি কম্পিউটারের সাথে Arduino সংযোগ করতে পারি। এক্ষেত্রে আমরা রাস্পবেরি ব্যবহার করি, কারণ এর বিদ্যুৎ খরচ কম।

USB এর মাধ্যমে অথবা সরাসরি RX-TX পিনের সাথে সংযুক্ত করুন, এখানে বর্ণনা করা হয়েছে।

তারপর এখানে বর্ণিত হিসাবে node.js এবং npm ইনস্টল করুন। কীওয়ার্ডগুলি হল:

কার্ল -এসএল https://deb.nodesource.com/setup_8.x | সুডো -ই বাশ -

এবং তারপর

sudo apt -get install -y nodejs

Npm (Node.js এর প্যাকেজ ম্যানেজার) এর socket.io-client এবং serialport মডিউল দরকার, তাই সেগুলো ইনস্টল করুন:

npm socket.io-client ইনস্টল করুন

npm সিরিয়ালপোর্ট ইনস্টল করুন

নিম্নলিখিত কোড দিয়ে কিছু। Js ফাইল খুলুন এবং সংরক্ষণ করুন:

// socket.io সংযোগ আরম্ভ করুন:

var সকেট; var io = প্রয়োজন ('socket.io-client'); সকেট = io ("https://yourserver.com:port"); // যদি সার্ভারে সংযোগ সফল হয়: socket.on ('connect', function () {socket.send ("আমি এখানে!"); console.log ("সার্ভারের সাথে সংযুক্ত");}); // সিরিয়াল পোর্ট যোগাযোগ শুরু করুন, NB /dev = ttyACM0 পরিবর্তন করা যেতে পারে: var SerialPort = প্রয়োজন ('serialport'); var serialPort = নতুন সিরিয়ালপোর্ট ('/dev/ttyACM0', {baudRate: 9600}); // যদি আরডুইনো থেকে কিছু আসে, সার্ভারকে বিভিন্ন বার্তা পাঠায় // সিরিয়ালপোর্ট.অন ('ডেটা', ফাংশন (ডেটা) {কনসোল.লগ ('ডেটা:', ডাটা।); if (data.indexOf ('8')! ==-1) {socket.send ('/RingTheBell 1');} if (data.indexOf ('0')! ==-1) {সকেট পাঠান ('/client1 1');}}); // উপলব্ধ ডেটা পড়ুন - আমি মনে করি এটি সিরিয়ালপোর্ট.ন ('পঠনযোগ্য', ফাংশন () {console.log ('ডেটা:', port.read ());});

এখন আপনার সার্ভার সাইড node.js কোডটিও সেট আপ করা উচিত, যতক্ষণ না আপনি স্ক্রিপ্টটি শুরু এবং পরীক্ষা করতে পারেন

নোড ।/something.js

যদি কিছু ভুল হয়, দয়া করে আমাকে জানান!

ধাপ 3: সার্ভার-সাইড কোড

সার্ভার-সাইড কোড
সার্ভার-সাইড কোড

সার্ভারের দিকে, আমাদের socket.io সার্ভারের সাথে node.js প্রয়োজন।

তাই এর সাথে যোগ করুন:

npm সকেট-আইও ইনস্টল করুন

তারপরে আপনার দ্বিতীয় ধাপে কোডের অনুরূপ স্ক্রিপ্টের প্রয়োজন হবে, পার্থক্যটির সাথে, এটি সংযোগের জন্য অপেক্ষা করে, এবং যদি তারা উপস্থিত থাকে, এটি ক্লায়েন্ট থেকে পাঠানো যে কোনও বার্তা সমস্ত ক্লায়েন্টকে সম্প্রচার করবে, এতে ক্ষেত্রে, ওয়েবসাইট ব্যবহারকারীদের …

সুতরাং, নিম্নলিখিতগুলির সাথে একটি সার্ভারস্ক্রিপ্ট.জেএস খুলুন:

var http = প্রয়োজন ('http'), io = প্রয়োজন ('socket.io'); // একটি ন্যূনতম http সার্ভার খুলুন socket.io এর প্রয়োজন। var সার্ভার = http.createServer (ফাংশন (req, res) {res.writeHead (200, {'Content-Type': 'text/html'}); res.end ('hello');}); // টিসিপি সকেট চালু করুন - আপনার পোর্ট সেট করুন! server.listen (7004, function () {console.log ("TCP সার্ভার চলমান পোর্ট 7004");}); // tcp বার্তা বিশ্লেষণ var socket = io.listen (সার্ভার); socket.on ('সংযোগ', ফাংশন (ক্লায়েন্ট, রিনফো) {client.broadcast.emit ('সিস্টেম', 'কেউ সংযুক্ত …'); client.on ('বার্তা', ফাংশন (ইভেন্ট) {console.log (ইভেন্ট); // প্রতিটি সংযুক্ত ব্যবহারকারীদের জন্য কোন বার্তা সম্প্রচার করুন! socket.emit ('বার্তা', ঘটনা);}); client.on ('সবাই', ফাংশন (ইভেন্ট) {}); ফাংশন () {socket.emit ('বার্তা', 'কেউ বিচ্ছিন্ন …');});});

এটি দিয়ে পরীক্ষা করার চেষ্টা করুন

node./serverscript.js

যদি ক্লায়েন্ট খুব বেশি চালাচ্ছে, আপনার উভয় কনসোলে তাদের যোগাযোগ দেখা উচিত। কমপক্ষে এইগুলি:

তথ্য: 0

-পর্যায়ক্রমে সিস্টেমকে বলে যে Arduino-> Raspberry-> সার্ভার যোগাযোগ কাজ করছে।

এবং

তথ্য: 8

- বলে যে বোতামটি চালু আছে।

ধাপ 4: ওয়েবসাইট কনফিগার করুন

ওয়েবসাইট কনফিগার করুন
ওয়েবসাইট কনফিগার করুন

এখন আমরা 75% দিয়ে প্রস্তুত!

ওয়েবসাইটের কোড অন্তর্ভুক্ত করে কঠোর পরিশ্রম শেষ করুন।

এটি সহজ.

প্রথমে, socket.io ক্লায়েন্ট অন্তর্ভুক্ত করুন:

তারপর বার্তা-বিশ্লেষক সিস্টেম তৈরি করুন:

var সকেট;

সকেট = io ("yourerver.com:port"); socket.on ('connect', function () {socket.send ('anonym client - a website user - is connected!'); socket.on ('message', function (msg) {// যদি আপনি দেখতে চান প্রতিটি বার্তা, শুধু এটিকে অস্বস্তিকর করুন: // console.log (msg); "#ccc"; setTimeout (function () {document.body.style.background = "#000";}, 1000);}; যদি (msg == "/client1 1") {// এখানে আপনি কিছু রাখতে পারেন যা সংযুক্ত ক্লায়েন্ট স্থিতিতে প্রতিক্রিয়া জানায়};});

ভয়েল!

প্রস্তুত.

প্রস্তাবিত: