جدول المحتويات:
- الخطوة الأولى: تصميم المواقع الإلكترونية
- الخطوة 2: تحويل ملف Html إلى ملف H
- الخطوة 3: كود Esp8266 (باستخدام Arduino)
- الخطوة 4: منفذ NAT
- الخطوة 5: DDNS
- الخطوة 6: Instruc Video باللغة الفيتنامية
- الخطوة السابعة: المقال ألهمني
فيديو: قم بإنشاء مدونة باستخدام Esp8266: 7 خطوات
2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:40
إذا كانت مدونتك بسيطة وحركة المرور طبيعية ، فسوف أرشدك لاستخدام esp8266 كخادم مدونة. سنة واحدة تكلف 1 دولار كهرباء:)
والنتيجة سيكون لديك موقع على شبكة الإنترنت مثل هذا:
الخطوة الأولى: تصميم المواقع الإلكترونية
هذا متروك للجميع. أستخدم مستند Google لتقديم مقدمة عن نفسي ثم حفظها على جهاز الكمبيوتر الخاص بي بتنسيق html. لكن في البرنامج التعليمي اليوم ، قمت بتنزيل نموذج متاح عبر الإنترنت بسرعة (https://www.w3schools.com/w3css/w3css_templates.asp) لا يوجد سوى القليل من التفاصيل التي يجب ملاحظتها:
- يجب تحميل الصور إلى مضيف معين ثم إعادة الرابط إلى ملف html (أستخدم مجموعة الصور المؤقتة)
- عادةً ما تحتوي مكتبات js و css على cdn. استخدم cdn بدلاً من الحفظ مباشرة في esp8266.
- على سبيل المثال ، سيكون لدي فقط صفحة رئيسية لتقديم نفسي حتى تتمكن من تطوير المزيد:)
وهذه هي النتيجة عند فتح ملف html على الكمبيوتر:
الخطوة 2: تحويل ملف Html إلى ملف H
افتح ملف html (css ، js) الموجود أعلاه. ثم تقوم بنسخ المحتوى. اذهب إلى https://hs2t.com/tools/html2CString الصق المحتوى في المربع الأول ثم اضغط على تحويل. انسخ المحتوى الموجود في المربع الثاني:) وضعه في ملف h
الخطوة 3: كود Esp8266 (باستخدام Arduino)
قم بتنزيل وتحرير الكود أدناه:
- تغيير شبكة wifi في منزلك
- قم بتغيير عنوان IP الثابت إلى إعدادات المودم (يجب عليك تعيين عنوان IP ثابت لتسهيل فتح المنفذ على الإنترنت)
- بالنسبة لقسم ddns ، سأشرح المزيد في تخصيص اسم المجال مجانًا!
حسنًا ، بعد تحميل الكود ، انتقل إلى اختبار IP المحلي (على سبيل المثال ، 192.168.1.24) لترى أن موقع الويب على ما يرام: D
الخطوة 4: منفذ NAT
هذا يعتمد على المودم الخاص بك على سبيل المثال على المودم الخاص بك. يستخدم منزلي مودم gw040
عند انتهاء المنفذ ، يمكنك الانتقال إلى مدونتنا من الإنترنت باستخدام عنوان IP (مثل https://123.123.123.123). لك.
ملحوظة:
- يفتح عدد قليل من أجهزة المودم المنفذ ، ثم ترى الويب عن طريق IP العام مع الشبكة غير ممكن ، ولكن خارج الشبكة ، يكون العرض العادي على ما يرام.
- إذا كنت تستخدم جهاز إرسال 3G إلى مستوى الشبكة لـ ESP8266 ، فلن يعمل خارج الإنترنت:)
الخطوة 5: DDNS
نظرًا لأن عنوان IP الخاص بنا ديناميكي ، فنحن بحاجة إلى استخدام خدمة DDNS. ما هو اسم اسم المجال المرتبط بعنوان IP الخاص بك؟ عندما يتغير عنوان IP الخاص بمنزلك ، فسوف يقوم بتحديث خدمة DDNS بحيث تقوم الخدمة بتعيين عنوان IP جديد لمجالنا. تقوم أولاً بتسجيل حساب واسم مجال مجاني مثل myname.boxip.net على https://boxip.net هنا. استخدم الاسم
ثم انسخ رابط wget في صفحة الإعدادات لاستبداله برمز ESP8266. سيقوم ESP8266 الافتراضي كل 5 دقائق باستدعاء خادم DDNS لتحديث IP. جرب الآن https://han.boxip.net واستمتع بالنتائج: P
الخطوة 6: Instruc Video باللغة الفيتنامية
إذا وجدت أنها ممتعة ومفيدة ، فتذكر الاشتراك في القناة لتلقي المزيد من مقاطع الفيديو
الخطوة السابعة: المقال ألهمني
www.instructables.com/id/How-to-Build-a-ES…
لديه تعليمات مفصلة حول كيفية إنشاء خادم الويب. لكن الموقع بسيط ويعمل محليًا فقط. لقد قمت بتحسينها لتكون مدونة شخصية يمكن عرضها على الإنترنت
موصى به:
PIraTarbut ، مدونة Medioambiental Con Emisora De Radio (CHT): 7 خطوات
PIraTarbut ، مدونة Medioambiental Con Emisora De Radio (CHT): PIraTarbut es un proyecto interdisciplinario maker ، donde buscamos crear una estaci & oacute؛ n de bajo alcance que puede emitir un podcast acerca del medio ambiento.E primera es la fase de Preparaci & oacute؛ n
قم بإنشاء خريطة حرارية لشبكة WiFi باستخدام ESP8266 و Arduino: 5 خطوات
قم بإنشاء خريطة حرارية لشبكة WiFi باستخدام ESP8266 و Arduino: نظرة عامة في هذا البرنامج التعليمي ، سنقوم بعمل خريطة حرارية لإشارات Wi-Fi المحيطة باستخدام Arduino و ESP8266. باستخدام Arduino و TFT disp
كيفية إنشاء مدونة في Blogger: 9 خطوات
كيفية إنشاء مدونة في Blogger: إذا كان لديك رأي تريد مشاركته ، فإن المدونة هي الشيء المناسب لك! إذا لم يكن لديك مدونة من قبل ، فأنا أعلم أن المدون هو ما تريد استخدامه. سوف أتعلم كيفية إنشاء مدونة في خدمة Blogger
إنشاء مدونة باستخدام Blogger.com: 19 خطوة
إنشاء مدونة باستخدام Blogger.com: ستوضح لك الإرشادات التالية كيفية إنشاء مدونة باستخدام Blogger.com. ستحتاج إلى عنوان بريد إلكتروني في Google لاستخدام Blogger.com
كيفية استضافة مدونة Wordpress الخاصة بك: 6 خطوات
كيفية استضافة مدونة Wordpress الخاصة بك: يمنحك تثبيت Wordpress على خادمك مزيدًا من التحكم في مدونتك. هذا Instructable عبارة عن دليل تفصيلي حول كيفية القيام بذلك ، وهو مجاني تمامًا ولا يتطلب مهارات في البرمجة