{"id":421,"date":"2026-09-16T00:31:45","date_gmt":"2026-09-15T23:31:45","guid":{"rendered":"https:\/\/kuliahelektro.org\/?p=421"},"modified":"2026-09-16T00:31:45","modified_gmt":"2026-09-15T23:31:45","slug":"tutorial-esp32-cara-koneksi-blynk-mode-online-dan-offline-iot-di-simulator-wokwi-wokwi-iot-blynk","status":"publish","type":"post","link":"https:\/\/kuliahelektro.org\/?p=421","title":{"rendered":"Tutorial ESP32: Cara Koneksi Blynk Mode Online dan Offline IoT di Simulator Wokwi #wokwi #iot #blynk"},"content":{"rendered":"\n<p><br><strong><strong><br>Tutorial ESP32: Cara Koneksi Blynk Mode Online dan Offline IoT di Simulator Wokwi <\/strong><a href=\"https:\/\/www.youtube.com\/hashtag\/wokwi\">#wokwi<\/a><strong> <\/strong><a href=\"https:\/\/www.youtube.com\/hashtag\/iot\">#iot<\/a><strong> <\/strong><a href=\"https:\/\/www.youtube.com\/hashtag\/blynk\">#blynk<\/a><\/strong><\/p>\n\n\n\n<p>Pada bagian ini akan dibahas pembuatan dan pengujian sistem IoT berbasis mikrokontroler ESP32 yang mendukung dua mode operasional, yaitu mode <em>online<\/em> terhubung dengan server Blynk IoT dan mode <em>offline<\/em> saat koneksi internet terputus, menggunakan software simulasi WOKWI. Skematik rangkaian ditunjukkan pada Gambar 1, program Arduino pada Kode 1, dan video pembuatan pada tautan Video 1. Sistem dirancang agar ESP32 tetap dapat menjalankan logika kontrol lokal seperti membaca sensor dan mengendalikan perangkat indikator secara mandiri tanpa mengalami penundaan (<em>blocking code<\/em>) ketika sinyal Wi-Fi hilang. Begitu koneksi internet kembali stabil, status perangkat dan data telemetry akan disinkronisasikan kembali secara otomatis ke dashboard aplikasi Blynk IoT.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/youtu.be\/0cHYxhvjn10?si=JUTBnF1X98cRZTZg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"856\" height=\"776\" src=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-9.png\" alt=\"\" class=\"wp-image-422\" srcset=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-9.png 856w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-9-300x272.png 300w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-9-768x696.png 768w\" sizes=\"(max-width: 856px) 100vw, 856px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>Gambar 1. Skematik rangkaian sistem<\/strong><\/p>\n\n\n\n<p>Pemetaan PIN:<br>* <strong>LED<\/strong><br>GND => GND<br>VCC => 18<br>* <strong>BUTTON<\/strong><br>GND \u2013 GND<br>OUT \u2013 19<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Kode Arduino 1. Kode Program<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ =============================\r\n\/\/ ALFIAN CENTER\r\n\/\/ SUBSCRIBE\r\n\/\/ Membuat Koneksi Hybrid Mode Online dan Offline IoT Blynk ESP32\r\n\/\/ PROGRAM BAKAL DI SHARE KALO LIKE TEMBUS 50 DAN KOMEN 20\r\n\/\/ ATAU BISA KIRIM EMAIL VIA KOMENTAR\n\/\/ =============================\r\n\r\n#define BLYNK_TEMPLATE_ID \"MASUKKAN_ID_DISINI\"\r\n#define BLYNK_TEMPLATE_NAME \"Smart LED Offline Mode\"\r\n#define BLYNK_AUTH_TOKEN \"MASUKKAN_TOKEN_DISINI\"\r\n\r\n#include &lt;WiFi.h>\r\n#include &lt;BlynkSimpleEsp32.h>\r\n\r\n\/\/ Konfigurasi WiFi\r\nchar auth&#91;] = BLYNK_AUTH_TOKEN;\r\nchar ssid&#91;] = \"Wokwi-GUEST\";\r\nchar pass&#91;] = \"\";\r\n\r\nconst int ledPin = 18;\r\nconst int btnManual = 19; \/\/ Tombol fisik tambahan untuk mode offline\r\n\r\nunsigned long waktuTerakhirCek = 0;\r\nconst unsigned long intervalCek = 5000; \/\/ Cek WiFi setiap 5 detik\r\n\r\nvoid setup() {\r\n  Serial.begin(115200);\r\n  pinMode(ledPin, OUTPUT);\r\n  pinMode(btnManual, INPUT_PULLUP);\r\n\r\n  Serial.println(\"Memulai Sistem...\");\r\n  \r\n  \/\/ Inisialisasi konfigurasi Blynk tanpa memblokir program\r\n  WiFi.begin(ssid, pass);\r\n  Blynk.config(auth);\r\n}\r\n\r\n\/\/ Kontrol dari aplikasi Blynk (Online)\r\nBLYNK_WRITE(V0) {\r\n  int statusTombol = param.asInt();\r\n  digitalWrite(ledPin, statusTombol);\r\n  Serial.println(statusTombol ? \"Kontrol Online: NYALA\" : \"Kontrol Online: MATI\");\r\n}\r\n\r\nvoid loop() {\r\n  \/\/ 1. Jalankan Blynk hanya jika WiFi terhubung\r\n  if (WiFi.status() == WL_CONNECTED) {\r\n    Blynk.run();\r\n  }\r\n\r\n  \/\/ 2. Logika Offline Mode (Tombol Fisik tetap harus bekerja)\r\n  logikaManualLokal();\r\n\r\n  \/\/ 3. Sistem Re-koneksi Otomatis setiap 5 detik\r\n  unsigned long waktuSekarang = millis();\r\n  if (waktuSekarang - waktuTerakhirCek >= intervalCek) {\r\n    waktuTerakhirCek = waktuSekarang;\r\n    \r\n    if (WiFi.status() != WL_CONNECTED) {\r\n      Serial.println(\"Mode Offline: Mencoba menyambung WiFi...\");\r\n      WiFi.begin(ssid, pass); \r\n    } else {\r\n      if (!Blynk.connected()) {\r\n        Blynk.connect();\r\n        Serial.println(\"WiFi OK: Menghubungkan ke Server Blynk...\");\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\/\/ Fungsi agar tombol fisik tetap bisa dipakai walau WiFi mati\r\nvoid logikaManualLokal() {\r\n  if (digitalRead(btnManual) == LOW) { \/\/ Jika tombol fisik ditekan\r\n    delay(200); \/\/ Debounce sederhana\r\n    digitalWrite(ledPin, !digitalRead(ledPin)); \/\/ Toggle lampu\r\n    Serial.println(\"Kontrol Manual Lokal Digunakan\");\r\n    while(digitalRead(btnManual) == LOW); \/\/ Tunggu tombol dilepas\r\n  }\r\n}<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/youtu.be\/0cHYxhvjn10?si=JUTBnF1X98cRZTZg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-10-1024x576.png\" alt=\"\" class=\"wp-image-423\" srcset=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-10-1024x576.png 1024w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-10-300x169.png 300w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-10-768x432.png 768w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-10-1536x864.png 1536w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-10.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>Video 1. Video tutorial pembuatan simulasi di WOKWI<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutorial ESP32: Cara Koneksi Blynk Mode Online dan Offline IoT di Simulator Wokwi #wokwi #iot #blynk Pada bagian ini akan dibahas pembuatan dan pengujian sistem IoT berbasis mikrokontroler ESP32 yang mendukung dua mode operasional, yaitu mode online terhubung dengan server Blynk IoT dan mode offline saat koneksi internet terputus, menggunakan software simulasi WOKWI. Skematik rangkaian ditunjukkan pada Gambar 1, program&#8230;<\/p>\n","protected":false},"author":3,"featured_media":424,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts\/421"}],"collection":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=421"}],"version-history":[{"count":1,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts\/421\/revisions"}],"predecessor-version":[{"id":425,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts\/421\/revisions\/425"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/media\/424"}],"wp:attachment":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}