Arduino & IoT Academy · Pelajaran

Sediakan Halaman Pembaruan Web

Unggah firmware dari formulir peramban.

Pelajaran 3 dari 413 langkah

Sediakan Halaman Pembaruan Web adalah pelajaran Arduino & IoT Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Arduino & IoT Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Arduino & IoT Academy mencakup 4 pelajaran total.

Memperbarui dari Peramban

Terkadang Anda ingin mem-flash perangkat tanpa Arduino IDE sama sekali. Halaman pembaruan web memungkinkan siapa pun mengunggah firmware dari peramban.

Papan Menjadi Server

ESP32 Anda menjalankan server web kecil yang menyajikan formulir unggah, sehingga ponsel atau laptop dapat mengirimkan biner baru kepadanya.

Sertakan Pustakanya

Anda menggabungkan server web dengan pustaka Update, yang mengetahui cara menulis byte yang masuk ke memori flash.

#include <WebServer.h>
#include <Update.h>
WebServer server(80);

Sajikan Formulir Unggah

Halaman utama mengembalikan formulir HTML sederhana dengan pemilih berkas dan tombol kirim untuk berkas firmware.

server.on("/", []() {
  server.send(200, "text/html",
    "<form method='POST' action='/update' enctype='multipart/form-data'><input type='file' name='fw'><input type='submit'></form>");
});

Dari Mana Asalnya .bin?

Di IDE, Sketch lalu Export Compiled Binary akan membuat berkas .bin yang akan Anda pilih dalam formulir unggah tersebut.

Buka Aliran Pembaruan

Saat unggahan dimulai, Anda memberi tahu chip ukuran citra agar Update.begin() dapat menyediakan ruang flash untuknya.

Update.begin(UPDATE_SIZE_UNKNOWN);

Tulis Potongan yang Masuk

Firmware tiba dalam beberapa bagian. Anda memasukkan setiap potongan ke Update.write() saat tiba, lalu menyusun citra baru di flash.

Update.write(upload.buf, upload.currentSize);

Selesaikan dan Verifikasi

Saat byte terakhir tiba, Update.end(true) memeriksa apakah citra sudah lengkap dan valid sebelum menandainya siap untuk dijalankan.

if (Update.end(true)) Serial.println("Update OK");

Mulai Ulang dengan Kode Baru

Pembaruan yang berhasil memerlukan awal yang baru. Panggil ESP.restart() agar papan memulai firmware yang baru saja Anda unggah. 🔄

ESP.restart();

Lindungi Halamannya

Siapa pun yang dapat mengakses halaman ini dapat mem-flash ulang perangkat Anda, jadi tambahkan pemeriksaan login atau token sebelum menerima unggahan apa pun.

Jaga Server Tetap Aktif

Sama seperti OTA, server web memerlukan perhatian. Panggil server.handleClient() di dalam loop agar server dapat menerima permintaan unggahan.

void loop() { server.handleClient(); }

Pemeriksaan Singkat

Pikirkan pustaka mana yang sebenarnya menulis firmware ke flash.

Jawab di pelajaran interaktif

Ringkasan

Jalankan server web yang menyajikan formulir unggah, masukkan .bin ke pustaka Update, verifikasi, lalu mulai ulang, semuanya dilindungi oleh login. 🌐

Gratis untuk memulai

Belajar C++ dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 30
Pelajaran: 120

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Sediakan Halaman Pembaruan Web” gratis?

Ya — teks lengkap “Sediakan Halaman Pembaruan Web” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Arduino & IoT Academy, upgrade ke CoddyKit PRO. Kursus Arduino & IoT Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Sediakan Halaman Pembaruan Web”?

Unggah firmware dari formulir peramban. Kamu berlatih Arduino & IoT Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Arduino & IoT Academy?

Tidak diperlukan pengalaman sebelumnya. Arduino & IoT Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Sediakan Halaman Pembaruan Web” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Arduino & IoT Academy ini?

Ya. Setiap pelajaran Arduino & IoT Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Arduino & IoT Academy