Membuat Blog Dengan Esp8266: 7 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:56

Jika blog Anda sederhana dan lalu lintasnya normal, saya akan memandu Anda untuk menggunakan esp8266 sebagai server blog. Satu tahun biaya $ 1 listrik:)

Dan hasilnya Anda akan memiliki website seperti ini:

Langkah 1: Desain Web

Ini terserah semua orang. Saya menggunakan Google doc untuk membuat pengenalan tentang diri saya dan kemudian menyimpannya ke komputer saya dalam format html. Tetapi dalam tutorial hari ini, saya mengunduh template yang tersedia online dengan cepat (https://www.w3schools.com/w3css/w3css_templates.asp) Hanya ada beberapa detail yang perlu diperhatikan:

• Foto harus diunggah ke host tertentu dan kemudian mengambil tautan kembali ke file html (saya menggunakan photobucket sementara)
• Pustaka js, css biasanya memiliki cdn. Gunakan cdn daripada menyimpan langsung ke esp8266.
• Sebagai contoh, saya hanya akan memiliki halaman beranda untuk memperkenalkan diri agar Anda dapat lebih berkembang:)

Dan ini adalah hasil saat membuka file html di komputer:

Langkah 2: Ubah File Html Menjadi File H

Buka file html (css, js) yang baru saja di atas. Kemudian Anda menyalin konten. Buka https://hs2t.com/tools/html2CString Tempel konten di kotak pertama lalu tekan Convert. Salin konten di kotak kedua:) dimasukkan ke dalam file.h

Langkah 3: Kode Esp8266 (menggunakan Arduino)

Unduh dan edit kode di bawah ini:

• Ubah wifi rumah Anda
• Ubah ip statis ke pengaturan modem (Anda harus menetapkan ip tetap untuk memudahkan membuka port ke internet)
• Untuk bagian ddns, saya akan jelaskan lebih lanjut di domain name assignment free!

Ok, setelah memuat kode, pergi ke tes IP lokalnya (misalnya 192.168.1.24) untuk melihat bahwa situs webnya ok: D

Langkah 4: Pelabuhan NAT

Hal ini tergantung pada modem Anda misalnya pada modem Anda. Rumah saya menggunakan modem gw040

Ketika port selesai, Anda dapat pergi ke blog kami dari internet menggunakan alamat IP (misalnya https://123.123.123.123). milikmu.

Catatan:

• Beberapa modem membuka port, lalu melihat web dengan IP publik dengan jaringan tidak mungkin, tetapi keluar dari jaringan, tampilan normal tidak apa-apa.
• Jika Anda menggunakan pemancar 3G ke tingkat jaringan untuk ESP8266, itu tidak akan berfungsi di luar internet:)

Langkah 5: DDNS

Karena ip kita dinamis, kita perlu menggunakan layanan DDNS. Apa nama nama domain yang terkait dengan ip rumah Anda? Ketika IP rumah Anda berubah, itu akan memperbarui layanan DDNS sehingga layanan memberikan IP baru ke domain kami. Pertama Anda mendaftarkan akun dan nama domain gratis seperti myname.boxip.net di https://boxip.net di sini saya gunakan nama

Kemudian copy link wget di halaman pengaturan untuk menggantinya dengan kode ESP8266. ESP8266 default setiap 5 menit akan memanggil server DDNS untuk memperbarui IP. Sekarang coba https://han.boxip.net dan nikmati hasilnya: P

Langkah 6: Instruksikan Video dalam bahasa Vietnam

Jika menurut Anda menarik dan bermanfaat, ingatlah untuk berlangganan saluran untuk menerima lebih banyak video

Langkah 7: Artikel Menginspirasi Saya

www.instructables.com/id/How-to-Build-a-ES…

Dia memiliki instruksi terperinci tentang cara membuat server web. Tetapi situs webnya sederhana dan hanya berfungsi secara lokal. Saya telah memperbaikinya menjadi blog pribadi yang dapat dilihat di internet