{"id":1518,"date":"2024-08-28T15:21:02","date_gmt":"2024-08-28T08:21:02","guid":{"rendered":"https:\/\/delta-electronic.com\/Design\/Hardwares\/?p=1518"},"modified":"2024-09-13T02:37:54","modified_gmt":"2024-09-12T19:37:54","slug":"mengendalikan-relay-dengan-menggunakan-dst-esp8266-dari-mana-saja-menggunakan-firebase","status":"publish","type":"post","link":"https:\/\/delta-electronic.com\/Design\/Hardwares\/mengendalikan-relay-dengan-menggunakan-dst-esp8266-dari-mana-saja-menggunakan-firebase\/","title":{"rendered":"Mengendalikan relay dengan menggunakan DST-ESP8266 dari mana saja menggunakan Firebase"},"content":{"rendered":"<p>Bila pada artikel sebelumnya kami telah membahas artikel mengenai kendali relay melalui jaringan Wi-Fi <a href=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/category\/kumpulan-aplikasi\/esp8266\/mengendalikan-relay-dengan-dst-esp8266-melalui-web-server-dengan-wifi-manager\/\">Mengendalikan Relay dengan DST-ESP8266 melalui Web Server dengan Wifi Manager<\/a> maka kali ini kami akan membahas mengendalikan relay dari mana saja dengan menggunakan Firebase. Apabila dengan menggunakan jaringan Wi-Fi kita hanya terbatas pada area dalam jangkauan hotspot Wi-Fi yang kita gunakan maka kali ini kita akan dapat mengendalikan relay-relay tersebut dari mana saja selama ada jaringan internet.<\/p>\n<p>Biasanya untuk mengakses rangkaian elektronik dari mana saja menggunakan jaringan internet dibutuhkan:<\/p>\n<ul>\n<li>Koneksi internet baik di sisi pengendali maupun perangkat yang dikendalikan<\/li>\n<li>Server dengan ip public di mana script yang berfungsi sebagai backend bekerja<\/li>\n<li>Database yang ada di dalam server dan berfungsi memetakan kondisi output relay agar dapat mengatur on \/ offnya dengan mudah<\/li>\n<\/ul>\n<p>Dengan adanya Firebase yang merupakan mobile application development platform buatan google yang telah menyediakan hosting dengan ip public, otentikasi dan real time database maka point 2 dan 3 di atas telah tersedia sehingga pengembang dapat jauh lebih mudah dalam membuat backend.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-1521\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/dst-esp8266-firebase.jpg\" alt=\"\" width=\"1600\" height=\"750\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/dst-esp8266-firebase.jpg 1600w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/dst-esp8266-firebase-300x141.jpg 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/dst-esp8266-firebase-1024x480.jpg 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/dst-esp8266-firebase-768x360.jpg 768w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/dst-esp8266-firebase-1536x720.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Dengan menggunakan Firebase dan DST-ESP8266 ini maka berikut adalah proses yang terjadi:<\/p>\n<ul>\n<li>DST-ESP8266 melakukan otorisasi username dan password dengan menggunakan email untuk mengakses real time database<\/li>\n<li>Database yang ada dilindungi oleh rule database sehingga hanya user yang terotentikasi yang dapat mengakses<\/li>\n<li>Database memiliki beberapa titik yang mewakili GPIO dari DST-ESP8266 status. Di sini kita kendalikan 2 buah relay yang terhubung pada GPIO12 dan GPIO13. Anda dapat menambah atau mengurangi dengan mudah hanya dengan mengubah tabel yang ada di database<\/li>\n<li>Kondisi relay dapat diubah dengan mudah hanya dengan mengubah logika yang ada di database atau dapat juga dilakukan dengan menggunakan web aplikasi yang selain memiliki tombol untuk pengendali juga dapat menampilkan status relay<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"size-full wp-image-1522 aligncenter\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/firebase-database.png\" alt=\"\" width=\"488\" height=\"494\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/firebase-database.png 488w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/firebase-database-296x300.png 296w\" sizes=\"(max-width: 488px) 100vw, 488px\" \/><\/p>\n<p>Berikut adalah langkah-langkah yang perlu dilakukan<\/p>\n<ol>\n<li><strong>Buat Project Firebase<\/strong>\n<ol>\n<li>Masuk ke <a href=\"https:\/\/firebase.google.com\/\">firebase<\/a> dan sign in dengan menggunakan akun google anda<\/li>\n<li>Klik Get Started lalu Add Project untuk membuat Project baru<\/li>\n<li>Beri nama untuk Project yang baru tersebut, contohnya: DST-ESP8266 Relay<img decoding=\"async\" class=\"alignnone size-full wp-image-1523\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/new-project-firebase.png\" alt=\"\" width=\"790\" height=\"519\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/new-project-firebase.png 790w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/new-project-firebase-300x197.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/new-project-firebase-768x505.png 768w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/li>\n<li>Disable Google analytics karena fungsi ini tidak kita perlukan<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1524\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/disable-google-analytics.png\" alt=\"\" width=\"638\" height=\"536\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/disable-google-analytics.png 638w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/disable-google-analytics-300x252.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/li>\n<li>Dibutuhkan proses selama beberapa saat sebelum database siap terbentuk<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1525 aligncenter\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/database-progress.png\" alt=\"\" width=\"318\" height=\"249\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/database-progress.png 318w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/database-progress-300x235.png 300w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1528 aligncenter\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/database-ready-1.png\" alt=\"\" width=\"288\" height=\"342\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/database-ready-1.png 288w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/database-ready-1-253x300.png 253w\" sizes=\"(max-width: 288px) 100vw, 288px\" \/><\/li>\n<li>Klik Continue dan anda akan diarahkan ke halaman console dari Project<\/li>\n<\/ol>\n<\/li>\n<li><strong>Set metode otentikasi<\/strong>, untuk keamanan data yang ada di project yang sedang dibuat ini anda dibutuhkan proses otentikasi yang metodenya perlu diatur terlebih dahulu pada langkah-langkah berikut\n<ol>\n<li>Klik <strong>Authentication<\/strong> pada bilah samping di sebelah kiri dan klik <strong>Get Started<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1531\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-firebase.png\" alt=\"\" width=\"1018\" height=\"451\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-firebase.png 1018w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-firebase-300x133.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-firebase-768x340.png 768w\" sizes=\"(max-width: 1018px) 100vw, 1018px\" \/><\/li>\n<li>Pilih email dan password sebagai metode otentikasi<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1532\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-password-otentikasi.png\" alt=\"\" width=\"1106\" height=\"483\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-password-otentikasi.png 1106w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-password-otentikasi-300x131.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-password-otentikasi-1024x447.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-password-otentikasi-768x335.png 768w\" sizes=\"(max-width: 1106px) 100vw, 1106px\" \/><\/li>\n<li>Aktifkan otentikasi dengan klik enable dan non aktifkan email link (passwordless\u00a0 sign-in) dengan klik disable kemudian klik save<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1533\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/enable-otentikasi.png\" alt=\"\" width=\"893\" height=\"425\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/enable-otentikasi.png 893w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/enable-otentikasi-300x143.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/enable-otentikasi-768x366.png 768w\" sizes=\"(max-width: 893px) 100vw, 893px\" \/><\/li>\n<li>Kemudian klik <strong>Add New Provider<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1535\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-new-provider.png\" alt=\"\" width=\"936\" height=\"418\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-new-provider.png 936w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-new-provider-300x134.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-new-provider-768x343.png 768w\" sizes=\"(max-width: 936px) 100vw, 936px\" \/><\/li>\n<li>Kemudian klik bagian <strong>Authentication<\/strong> lalu pilih <strong>Add User<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1537\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-add-user.png\" alt=\"\" width=\"1152\" height=\"417\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-add-user.png 1152w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-add-user-300x109.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-add-user-1024x371.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-add-user-768x278.png 768w\" sizes=\"(max-width: 1152px) 100vw, 1152px\" \/><\/li>\n<li>Masukkan email dan password anda dan simpan password tersebut beserta user UIDnya di dalam text file untuk dipakai nanti di proses selanjutnya<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1540\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-uid.png\" alt=\"\" width=\"901\" height=\"357\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-uid.png 901w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-uid-300x119.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/email-uid-768x304.png 768w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/li>\n<li>Di sini UID user telah terbentuk dan dapat digunakan sebagai otentikasi untuk mengakses project ini. Juga terdapat kolom yang menampilkan kapan terakhir user melakukan sign in<\/li>\n<\/ol>\n<\/li>\n<li><strong>Get Project API Key<\/strong>,\u00a0untuk menghubungkan DST-ESP8266 dengan Project yang sedang dibuat dibutuhkan API Key yang dapat diperoleh dengan langkah-langkah berikut\n<ol>\n<li>Klik Project Setting pada bilah samping kiri<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1541\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/project-setting.png\" alt=\"\" width=\"757\" height=\"430\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/project-setting.png 757w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/project-setting-300x170.png 300w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/li>\n<li>Copy Web API Key dan simpan di teks file karena nanti akan dibutuhkan<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1544\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/project-setting2-1.png\" alt=\"\" width=\"718\" height=\"434\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/project-setting2-1.png 718w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/project-setting2-1-300x181.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/li>\n<\/ol>\n<\/li>\n<li><strong>Setup Realtime Database<\/strong>, pada bagian ini kita akan membuat dan mensetup database dari project yang sedang dibuat\n<ol>\n<li>Pada bilah samping kiri klik <strong>build<\/strong> lalu\u00a0 <strong>Realtime Database<\/strong> dan kemudian klik <strong>Create Database<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1545\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database.png\" alt=\"\" width=\"826\" height=\"491\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database.png 826w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database-300x178.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database-768x457.png 768w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1546\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/create-database.png\" alt=\"\" width=\"1062\" height=\"427\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/create-database.png 1062w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/create-database-300x121.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/create-database-1024x412.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/create-database-768x309.png 768w\" sizes=\"(max-width: 1062px) 100vw, 1062px\" \/><\/li>\n<li>Pilih lokasi database dengan lokasi yang terdekat dengan tempat anda<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1547\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/location-database.png\" alt=\"\" width=\"1016\" height=\"447\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/location-database.png 1016w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/location-database-300x132.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/location-database-768x338.png 768w\" sizes=\"(max-width: 1016px) 100vw, 1016px\" \/><\/li>\n<li>Atur aturan keamanan database pada Test Mode dengan klik <strong>Start in Test Mode <\/strong>kemudian klik <strong>enable<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1548\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/setup-database.png\" alt=\"\" width=\"813\" height=\"524\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/setup-database.png 813w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/setup-database-300x193.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/setup-database-768x495.png 768w\" sizes=\"(max-width: 813px) 100vw, 813px\" \/><\/li>\n<li>Saat ini database telah terbentuk dan anda dapat meng-copy URL yang terbentuk dan simpan dalam text file agar dapat digunakan pada saat membuat source code di DST-ESP8266.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1549\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/url-database.png\" alt=\"\" width=\"1144\" height=\"387\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/url-database.png 1144w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/url-database-300x101.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/url-database-1024x346.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/url-database-768x260.png 768w\" sizes=\"(max-width: 1144px) 100vw, 1144px\" \/><\/li>\n<\/ol>\n<\/li>\n<li><strong>Setup Database Security Rules<\/strong>, selanjutnya kita perlu membuat rule yang dibutuhkan untuk mengakses database ini. Hal ini dapat dilakukan dengan klik di<strong> Realtime Database<\/strong>, pilih tab <strong>Rules<\/strong> pada bagian atas lalu <strong>Edit Rules<\/strong> dan akan tampil rule seperti ini<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1551\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/rule-id.png\" alt=\"\" width=\"504\" height=\"183\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/rule-id.png 504w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/rule-id-300x109.png 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/>\n<ol>\n<li>Edit rule menjadi seperti di bawah ini dengan mengganti dengan auth.uid yang artinya otentikasi dilakukan dengan verifikasi UID.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1554\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/replaceuid-1.png\" alt=\"\" width=\"757\" height=\"156\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/replaceuid-1.png 757w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/replaceuid-1-300x62.png 300w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/li>\n<li>Lalu replace UID ke bagian yang dikotak merah di bawah ini dan klik <strong>publish<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1555\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-uid2.png\" alt=\"\" width=\"756\" height=\"367\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-uid2.png 756w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/otentikasi-uid2-300x146.png 300w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/li>\n<li>Untuk mendapatkan UID bisa dilihat dengan klik Authentication di bilah samping kiri lalu lihat di bagian yang ada kotak merah di bawah ini dan klik copy<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1556\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/tempat-uid.png\" alt=\"\" width=\"984\" height=\"406\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/tempat-uid.png 984w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/tempat-uid-300x124.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/tempat-uid-768x317.png 768w\" sizes=\"(max-width: 984px) 100vw, 984px\" \/><\/li>\n<li>Sesudah tahap ini, hanya pengguna yang memiliki UID tersebut yang dapat membaca dan menulis pada Realtime Database yang ada di project ini<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><strong>6. Atur Database Nodes anda<\/strong>, semua data yang tersimpan dalam Firebase Realtime Database ini akan tersimpan dalam obyek <a href=\"https:\/\/www.w3schools.com\/js\/js_json_intro.asp\">JSON<\/a> sehingga anda dapat membayangkan bahwa strukturnya tersusun dalam bentuk percabangan <a href=\"https:\/\/www.w3schools.com\/js\/js_json_intro.asp\">JSON<\/a>. Saat kita menambahkan data pada percabangan JSON maka ada node yang terbentuk dalam Struktur JSON yang ada. Struktur ini bentuknya tergantung dari project yang kita buat.<\/p>\n<p>Pada contoh kali ini yang kita buat adalah struktur untuk project mengendalikan relay pada <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\">DST-ESP8266<\/a> di mana kita dapat dengan mudah menambahkan\/mengurangi I\/O atau menambah perangkat baru selain <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\">DST-ESP8266<\/a> pertama hanya dengan mengedit database.<\/p>\n<ul>\n<li>board 1\n<ul>\n<li>output\n<ul>\n<li>digital\n<ul>\n<li>12:0<\/li>\n<li>13:0<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Pada database di atas mempresentasikan board 1 dalam hal ini <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\">DST-ESP8266<\/a> memiliki output digital sebanyak 2 dan didefinisikan di digital 12 dan digital 13 dengan nilai awal 0 atau logika LOW. Karena Relay pada <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\">DST-ESP8266<\/a> active LOW maka pada kondisi awal kedua relay akan ON<\/p>\n<p>Bentuk database ini akan menghasilkan format JSON sebagai berikut:<\/p>\n<pre class=\"wp-block-code language-javascript\" style=\"padding-left: 40px;\"><code class=\" language-javascript\"><span class=\"token punctuation\">{<\/span>\r\n  <span class=\"token string\">\"board1\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span>\r\n    <span class=\"token string\">\"outputs\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span>\r\n      <span class=\"token string\">\"digital\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span>\r\n        <span class=\"token string\">\"12\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span>\r\n        <span class=\"token string\">\"13\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">0<\/span>\u00a0      <span class=\"token punctuation\">}<\/span>\r\n    <span class=\"token punctuation\">}<\/span>\r\n  <span class=\"token punctuation\">}<\/span>\r\n<span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<p><strong>Membuat Node Database<\/strong><\/p>\n<p>Anda dapat membuat Node Database ini dengan cara manual di console Firebase, menggunakan Web App atau dapat juga dari DST-ESP8266. Namun kali ini akan saya bahas yang cara manual<\/p>\n<ol>\n<li>Klik pada Realtime Database untuk memulai membuat node<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1557\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database2.png\" alt=\"\" width=\"1002\" height=\"386\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database2.png 1002w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database2-300x116.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/realtime-database2-768x296.png 768w\" sizes=\"(max-width: 1002px) 100vw, 1002px\" \/><\/li>\n<li>Tekan tanda (+) pada database untuk menambahkan node secara manual<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1558\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-node-database.png\" alt=\"\" width=\"973\" height=\"385\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-node-database.png 973w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-node-database-300x119.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/add-node-database-768x304.png 768w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/li>\n<li>Untuk menghindari typo, kami telah menyediakan file JSON yang dapat didownload <a href=\"https:\/\/drive.google.com\/file\/d\/1v6oNsNmxg7Wx0DYyTiqBbunahVCEw5RR\/view?usp=sharing\">di link<\/a> berikut:<\/li>\n<li>Kemudian kembali ke console dan klik tiga garis di bagian atas kanan lalu pilih Import JSON<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1559\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/import-json.png\" alt=\"\" width=\"1057\" height=\"410\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/import-json.png 1057w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/import-json-300x116.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/import-json-1024x397.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/import-json-768x298.png 768w\" sizes=\"(max-width: 1057px) 100vw, 1057px\" \/>\n<ol>\n<li>Arahkan ke file yang baru saja didownload tadi dan saat semua node dibuka, database akan tampak seperti berikut<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1564\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/node-database-3.png\" alt=\"\" width=\"721\" height=\"494\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/node-database-3.png 721w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/node-database-3-300x206.png 300w\" sizes=\"(max-width: 721px) 100vw, 721px\" \/><\/li>\n<\/ol>\n<\/li>\n<li>Pada proses ini database telah siap untuk digunakan dan selanjutnya kita masuk ke bagian <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\">DST-ESP8266<\/a> yang berfungsi sebagai client yang selalu memantau perubahan status pada database dan menampilkannya pada bagian output yaitu dalam hal ini 2 channel relaynya.<\/li>\n<\/ol>\n<p><strong>7. DST-ESP8266 memantau perubahan database dan menampilkan pada output relaynya<\/strong><\/p>\n<p>Pada bagian ini, kita akan memprogram DST-ESP8266 agar dapat menjalankan proses-proses berikut:<\/p>\n<ul>\n<li>Otentikasi user dengan email dan password seperti yang telah didaftarkan sebelumnya<\/li>\n<li>Memantau perubahan status pada database dan menampilkan hasilnya pada output relay<\/li>\n<\/ul>\n<p>Untuk itu berikut adalah langkah-langkah yang harus dilakukan<\/p>\n<ol>\n<li>Install Firebase ESP Client Library yang menyediakan berbagai contoh antarmuka ESP8266 dengan layanan Firebase.\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>Masuk ke Sketch -&gt; Include Library -&gt; Library Manager dan ketik Firebase ESP Client di kolom pencarian<\/li>\n<li>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1569\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/library-manager-2.png\" alt=\"\" width=\"620\" height=\"486\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/library-manager-2.png 620w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/library-manager-2-300x235.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1570\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/library-manager-1.webp\" alt=\"\" width=\"786\" height=\"443\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/library-manager-1.webp 786w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/library-manager-1-300x169.webp 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/library-manager-1-768x433.webp 768w\" sizes=\"(max-width: 786px) 100vw, 786px\" \/><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>Download source code yang ada pada <a href=\"https:\/\/drive.google.com\/file\/d\/1xdT4utxaAMBjBVKAMRr96xAGR34snyzX\/view?usp=sharing\">link berikut<\/a> dan buka menggunakan <a href=\"https:\/\/downloads.arduino.cc\/arduino-1.8.19-windows.zip\">Arduino IDE<\/a> anda<\/li>\n<li>File source code ini tidak dapat langsung digunakan melainkan terlebih dahulu ada beberapa parameter yang harus diatur yaitu sebagai berikut:\n<ol>\n<li>Username dan Password Wi-Fi anda<\/li>\n<li>Project API Key<\/li>\n<li>URL dari Database<\/li>\n<li>Email dan password yang digunakan untuk otorisasi sebagai user di project ini<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1571\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/api-key.png\" alt=\"\" width=\"1366\" height=\"768\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/api-key.png 1366w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/api-key-300x169.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/api-key-1024x576.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/api-key-768x432.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/li>\n<\/ol>\n<\/li>\n<li>Setelah parameter-parameter tersebut ditentukan barulah upload file ke<a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\"> DST-ESP8266<\/a> dengan menggunakan <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/downloader-universal-dst-uni-downloader-esp8266-esp32-arduino-usbasp\">DST Uni Downloader<\/a> atau <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/ft232-ftdi-serial-usb-3-3v-5-5v-to-ttl-adapter\">FTDI to Serial<\/a><\/li>\n<li>Penjelasan untuk source code \/ sketch adalah sebagai berikut:\n<ol>\n<li>Includekan library-library yang digunakan dan juga parameter-parameter yang dibutuhkan agar DST-ESP8266 terhubung dengan Project anda yang ada di Firebase\n<p><figure id=\"attachment_1574\" aria-describedby=\"caption-attachment-1574\" style=\"width: 1366px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1574 size-full\" title=\"Screen Shot Arduino IDE + screen shot2 Project di Console Firebase\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot1-1.png\" alt=\"\" width=\"1366\" height=\"1000\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot1-1.png 1366w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot1-1-300x220.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot1-1-1024x750.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot1-1-768x562.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><figcaption id=\"caption-attachment-1574\" class=\"wp-caption-text\">Screen Shot Arduino IDE + screen shot2 Project di Console Firebase<\/figcaption><\/figure><\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1577\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot2.png\" alt=\"\" width=\"1272\" height=\"189\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot2.png 1272w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot2-300x45.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot2-1024x152.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot2-768x114.png 768w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" \/><\/li>\n<li>Selanjutnya kita masuk di bagian Setup yang merupakan proses yang pertama kali dijalankan saat <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\">DST-ESP8266<\/a> pertama kali reset.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1578\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot3.png\" alt=\"\" width=\"1177\" height=\"75\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot3.png 1177w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot3-300x19.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot3-1024x65.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot3-768x49.png 768w\" sizes=\"(max-width: 1177px) 100vw, 1177px\" \/><\/li>\n<li>Pada bagian function InitWiFi berikut proses yang dilakukan dalam function ini<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1579\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot4.png\" alt=\"\" width=\"1177\" height=\"224\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot4.png 1177w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot4-300x57.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot4-1024x195.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot4-768x146.png 768w\" sizes=\"(max-width: 1177px) 100vw, 1177px\" \/><\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1581\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot5.png\" alt=\"\" width=\"900\" height=\"417\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot5.png 900w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot5-300x139.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot5-768x356.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1582\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot6.png\" alt=\"\" width=\"988\" height=\"200\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot6.png 988w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot6-300x61.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot6-768x155.png 768w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/li>\n<li>Sekarang kita coba lihat lebih detail pada bagian fungsi streamCallback dan bagaimana proses yang terjadi di dalamnya. Pada saat fungsi streamCallback dipanggil maka obyek data dengan tipe FirebaseStream diinputkan pada saat fungsi ini dipanggil. Dari obyek ini maka akan kita peroleh Stream path, data path, data type dan event type.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1584\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot7-1.png\" alt=\"\" width=\"1371\" height=\"548\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot7-1.png 1371w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot7-1-300x120.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot7-1-1024x409.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot7-1-768x307.png 768w\" sizes=\"(max-width: 1371px) 100vw, 1371px\" \/><\/li>\n<\/ol>\n<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1587\" src=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot8-2.png\" alt=\"\" width=\"1293\" height=\"503\" srcset=\"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot8-2.png 1293w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot8-2-300x117.png 300w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot8-2-1024x398.png 1024w, https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-content\/uploads\/2024\/08\/sketch-sshot8-2-768x299.png 768w\" sizes=\"(max-width: 1293px) 100vw, 1293px\" \/><\/li>\n<li>Pada bagian loop hanya ada fungsi refreshToken yang dipanggil saat time out yang fungsinya untuk mereload kondisi GPIO sesuai dengan data yang ada di RTDB setelah beberapa saat untuk sinkronisasi.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Hal-hal yang dibutuhkan:<\/p>\n<ul>\n<li><a href=\"https:\/\/downloads.arduino.cc\/arduino-1.8.19-windows.zip\">Software Arduino IDE<\/a><\/li>\n<li>Modul <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/2-channel-relay-esp8266-dst-esp8266-infrared-remote-receiver-transmitter\">DST-ESP8266<\/a> sebagai Sistem Minimum ESP8266<\/li>\n<li>Modul <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/downloader-universal-dst-uni-downloader-esp8266-esp32-arduino-usbasp\">DST Uni Downloader<\/a> atau <a href=\"https:\/\/www.tokopedia.com\/delta-electronic\/ft232-ftdi-serial-usb-3-3v-5-5v-to-ttl-adapter\">FTDI USB to Serial<\/a> sebagai downloader<\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1xdT4utxaAMBjBVKAMRr96xAGR34snyzX\/view?usp=sharing\">Source code<\/a> DST-ESP8266<\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1v6oNsNmxg7Wx0DYyTiqBbunahVCEw5RR\/view?usp=sharing\">JSON file<\/a><\/li>\n<\/ul>\n<p>Disclaimer:<\/p>\n<p>Artikel ini saya tulis dengan menggunakan sumber dari <a href=\"https:\/\/randomnerdtutorials.com\/firebase-control-esp8266-nodemcu-gpios\/\">https:\/\/randomnerdtutorials.com\/firebase-control-esp8266-nodemcu-gpios\/<\/a> dengan gaya bahasa dan konstruksi hardware yang saya sesuaikan dengan produk kami.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>DELTA ELECTRONIC<\/strong><\/p>\n<p><strong>Paulus Andi Nalwan, ST<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/ZhYN4RpLIpk?si=STo2H3gUb0dEqAIZ\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bila pada artikel sebelumnya kami telah membahas artikel mengenai kendali relay melalui jaringan Wi-Fi Mengendalikan Relay dengan DST-ESP8266 melalui Web Server dengan Wifi Manager maka kali ini kami akan membahas mengendalikan relay dari mana saja dengan menggunakan Firebase. Apabila dengan menggunakan jaringan Wi-Fi kita hanya terbatas pada area dalam jangkauan hotspot Wi-Fi yang kita gunakan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[340],"tags":[94,343,196,197,322,342,201,202],"class_list":["post-1518","post","type-post","status-publish","format-standard","hentry","category-mengendalikan-relay-dengan-menggunakan-dst-esp8266-dari-mana-saja-menggunakan-firebase","tag-arduino","tag-esp-relay","tag-esp32","tag-esp8266","tag-home-automation","tag-smart-relay","tag-smarthome","tag-smarthouse"],"_links":{"self":[{"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/posts\/1518"}],"collection":[{"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/comments?post=1518"}],"version-history":[{"count":21,"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/posts\/1518\/revisions"}],"predecessor-version":[{"id":1631,"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/posts\/1518\/revisions\/1631"}],"wp:attachment":[{"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/media?parent=1518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/categories?post=1518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/delta-electronic.com\/Design\/Hardwares\/wp-json\/wp\/v2\/tags?post=1518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}