Tentang proyek ini

Pendahuluan

Jika Anda pemula, saya sarankan membaca tentang Arduino - Servo Motor dan Arduino -. Wifi

Untuk menghubungkan Arduino ke internet, kita perlu menggunakan beberapa jenis perisai internet seperti Ethernet perisai, Wifi perisai, PHPoC perisai, atau PHPoC Wifi perisai.

Fitur luar biasa PHPoC perisai adalah bahwa hal itu tidak hanya menyediakan koneksi internet seperti Ethernet dan Wifi perisai, tetapi juga menyediakan web server yang memungkinkan untuk mengontrol dan memonitor Arduino dari web browser. Ini juga mendukung WebSocket, oleh karena itu kita dapat mengontrol dan memantau Arduino secara real-time tanpa reload halaman web.

PHPoC Perisai telah beberapa built-in aplikasi web. Merujuk ke link ini untuk lebih detail.

Dalam proyek ini, saya mengubah UI (User Interface) dari Web Remote Control / Slide aplikasi web, dan menulis kode Arduino ke sudut motor servo rotate menurut sudut yang diterima dari web browser.

Pengkabelan

• Stack PHPoC perisai pada Arduino
• Connect pin GND, VCC dan sinyal motor servo ke GND, 5V dan pin 9 dari Arduino, masing-masing.

Aliran Data

browser Web ---> PHPoC Perisai ---> Arduino

aplikasi web akan menghitung sudut berdasarkan sentuh atau mouse event, kirimkan ke PHPoC perisai melalui WebSocket. Ketika menerima data ini, PHPoC perisai lolos ke Arduino. Arduino berputar servo motor sesuai sudut.

Yang Perlu Kita Lakukan

• Menyetel informasi Wifi untuk pelindung PHPoC (SSID dan sandi)
• Unggah UI baru ke pelindung PHPoC
• Tulis kode Arduino

Pengaturan Informasi Wifi untuk PHPoC Perisai

Lihat instruksi ini:http://www.phpoc.com/support/manual/p4s-347_user_manual/contents.php?id=network_first_setup

Upload UI baru untuk PHPoC Perisai

• Unduh PHPoC kode sumber remote_rotate.php (pada bagian code)
• Upload ke PHPoC perisai menggunakan PHPoC debugger sesuai dengan instruksi ini

Menulis Arduino Kode

• Instal perpustakaan untuk Arduino pada Arduino IDE (lihat instruksi) dan restart Arduino IDE.
• Pada Arduino IDE, pergi ke File -> Contoh -> Phpoc -> WebRemoteSlide dan File -> Contoh -.> Servo> menyapu
• Campurkan dua contoh menjadi satu, kita memiliki kode untuk kontrol motor servo melalui halaman web (lihat kode sumber di bagian code).

Pengujian

• Klik tombol serial pada Arduino IDE untuk melihat alamat IP
• browser web Terbuka, ketik http:// replace_ip_address /remote_rotate.php
• Klik tombol connect dan mengujinya

Kit Pemula Arduino Terbaik untuk Pemula

Jika Anda mencari kit Arduino, lihat Kit Arduino Terbaik untuk Pemula

Referensi Fungsi

• Arduino - Perpustakaan Servo
• Servo.attach()
• Servo.write()
• Servo.writeMicroseconds()
• Servo.read()
• Servo.attached()
• Servo.detach()
• Serial.begin()
• Serial.println()
• tunda()
• untuk loop
• perulangan sementara
• jika lain
• loop()
• penyiapan()
• String.toInt()

         

 
 Web Remote Control / Putar 
 

   
 

 WebSocket: nol  Situs Angle: 0  
  Connect  
   

 / * Arduino web server - remote control (geser switch) * / # include "spi.h" #include "Phpoc.h" # include  PhpocServer Server (80); Servo myservo; // membuat objek servo untuk mengendalikan servochar slideName; int slideValue; kekosongan setup () {Serial.begin (9600); while(!Serial); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); //Phpoc.mulai(); server.beginWebSocket ( "remote_slide"); Serial.print("Alamat server WebSocket :"); Serial.println(Phpoc.localIP()); myservo.attach (9); // menempel servo pada pin 9 ke myservo.write servo objek (1); }void loop() { // menunggu klien baru:PhpocClient client =server.available(); jika (client) {String slideStr =client.readLine (); jika (slideStr) {slideValue =slideStr.substring (1) .toInt (); myservo.write (slideValue); Serial.print ( "Angle:"); Serial.println (slideValue); } }}