ዝርዝር ሁኔታ:

በኤችቲኤምኤል/ጃቫስክሪፕት አማካኝነት አርዱዲኖን መቆጣጠር ቀላሉ መንገድ 8 ደረጃዎች
በኤችቲኤምኤል/ጃቫስክሪፕት አማካኝነት አርዱዲኖን መቆጣጠር ቀላሉ መንገድ 8 ደረጃዎች

ቪዲዮ: በኤችቲኤምኤል/ጃቫስክሪፕት አማካኝነት አርዱዲኖን መቆጣጠር ቀላሉ መንገድ 8 ደረጃዎች

ቪዲዮ: በኤችቲኤምኤል/ጃቫስክሪፕት አማካኝነት አርዱዲኖን መቆጣጠር ቀላሉ መንገድ 8 ደረጃዎች
ቪዲዮ: ምዕራፍ 2 ክፍል 3 ጃቫስክሪፍት የት የት ይቀመጣል በHTML ውስጥ | season 2 episode 3 where to put JavaScript code in HTML 2024, መስከረም
Anonim
በኤችቲኤምኤል/ጃቫስክሪፕት ቀላሉ መንገድ አርዱዲኖዎን መቆጣጠር
በኤችቲኤምኤል/ጃቫስክሪፕት ቀላሉ መንገድ አርዱዲኖዎን መቆጣጠር

ይህ መማሪያ የጃቫስክሪፕት ተግባሮችን ብቻ በመጠቀም ከአድፍ ፍሬው ሁዛ ከአድዋክ ጥሪ ጋር አርዱዲኖን እንዴት እንደሚቆጣጠሩ ያሳየዎታል። የአጃክ ጥሪን በሚጠቀሙ ቀላል የጃቫስክሪፕት ተግባራት የ html በይነገጾችን በቀላሉ ለመፃፍ በሚያስችልዎት በኤችቲኤምኤል ገጽ ውስጥ ጃቫስክሪፕትን መጠቀም ይችላሉ። ESP8266 ከአርዲኖ ጋር እንዲገናኝ ለመፍቀድ። ስለዚህ ፣ ሁሉም ፒኖች ከጃቫስክሪፕት ተግባር ሊዘጋጁ ይችላሉ። በተመሳሳይ ፣ እኛ የጃቫስክሪፕት ተግባርን በመጠቀም ከማንኛውም ፒን ዋጋውን ማንበብ እንችላለን። ይህ ከኤችቲኤምኤል ሰነድ አርዱዲኖን ለመቆጣጠር መቻልን ቀላል ለማድረግ ይረዳል ብዬ ተስፋ አደርጋለሁ። Html መጻፍ የሚችሉ ብዙ ሰዎች እዚያ እንዳሉ አሰብኩ። አብዛኛዎቹ የሞባይል ስልክ መተግበሪያን በጃቫ ወይም በኤክስኮድ ወይም በሌላ በሌላ ማዕቀፍ ለመስራት በመሞከር መጨነቅ አይፈልጉም። ይህ ለሰዎች በጣም ቀላል ያደርገዋል ምክንያቱም ማድረግ የሚጠበቅባቸው እሴቶችን ከፒን ለማዘጋጀት እና ለማንበብ የጃቫስክሪፕት ተግባርን መጠቀም ነው። ለምሳሌ ፣ ለመፃፍ በጣም ቀላል አይደለም

ማዞር

አንድ አዝራር ለማብራት። ውበቱ ፒን ሞዴድን (12 ፣ ግቤት) ከማወጅ ውጭ ሌላ የአሩዲኖ ፕሮግራም የለም። በእርስዎ ማዋቀር ተግባር ውስጥ። ፒን ከጃቫስክሪፕት በላይ እስከተገለጸ ድረስ ለሌላ ነገር ሁሉ ሊያገለግል ይችላል።

document.onload = {

GetJSON ('A0' ፣ 1 'return_json')

}

የአናሎግ ፒን 0 ዋጋን ለማግኘት እና ውጤቱን ወደ ዲቪው ለመመለስ ማድረግ ያለብዎት ይህ ብቻ ነው። ስለዚህ ሰዎች አርዱዲኖን የሚቆጣጠሩ የኤችቲኤምኤል ገጾችን መፍጠር እንዲችሉ ይህ ቀላል መንገድ መሆን አለበት። እንዲሁም አርዱዲኖ ፒኖች በጃቫስክሪፕት እንዲዘጋጁ እና እንዲያነቡ በይነገጽ ይፍጠሩ።

ደረጃ 1: የሚያስፈልግዎት

ይህንን ፕሮጀክት የሠራሁት አርዱኢኖአቸውን በኤችቲኤምኤል ገጽ በ ESP8266 ላይ ለመቆጣጠር ለሚፈልጉ ተጠቃሚዎች ነው። የዚህ ፕሮጀክት ዓላማ በጃቫስክሪፕት ተግባር በአርዲኖዎ ላይ የፒን እሴቶችን ለማቀናበር ቀላል ዘዴ መፍጠር ነው። ለፈተና onclick = "SetPin (12, 1, 0)" ፒን 12 ን በአርዲኖዎ ላይ ወደ ከፍተኛ ያዘጋጃል።

ለዚህ መማሪያ በትክክል ለመከተል የሚከተሉትን ንጥሎች ያስፈልግዎታል። ሆኖም ፣ በአብዛኛዎቹ አርዱዲኖ እና በ ESP8266 ውህዶች ላይ መሥራት እንዳለበት እገምታለሁ። ሆኖም ፣ እዚህ ያለኝን በትክክል ለመከተል የሚከተሉትን ክፍሎች ያስፈልግዎታል።

አርዱዲኖ ኡኖ - ተከታታይ Rx TxAdafruit Huzzah Breakout ቦርድ ዩኤስቢ ወደ ሲሪያል ኬብል 4 ዝቅተኛ ኃይል ያለው የ LED አናሎግ Turpidity testor ካለው ከማንኛውም አርዱinoኖ ተኳሃኝ ጋር መሥራት አለበት - የአናሎግ ውፅዓት የሚያቀርብ ማንኛውም የአናሎግ ዳሳሽ በተንቀሳቃሽ ስልክ አሳሽ አርዱዲኖ ቤተ -ፍርግሞች አማካኝነት የ Wifi ራውተር ሞባይል ስልክ ይሠራል።

ደረጃ 2: የአርዱዲኖ መታወቂያ ማዘጋጀት

ይህ ፕሮጀክት አዲስ የአርዲኖ ቤተ -ፍርግሞችን እና አንዳንድ ውቅረትን እና ለጊዜ ፍላጎት ይፈልጋል። በእያንዳንዱ ማያ ገጽ ቅጽበታዊ ገጽ እይታ ውስጥ አላስገባም እና ይህንን ለማዋቀር እና እንዲሠራ ለማድረግ የሚያስፈልጉዎትን ነገሮች ለማለፍ እሄዳለሁ። ለተጠቃሚው በተቻለ መጠን ቀላል ለማድረግ ሞከርኩ።

ኮዱ ሥራ ለማግኘት በርካታ ቤተ -መጽሐፍትን ይጠቀማል። በመጀመሪያ እኛ አርዱዲኖን ለ ESP8266 በማዋቀር ላይ እናተኩራለን እኔ በዚህ ምሳሌ ውስጥ አዳፍሩት ሁዛን እጠቀማለሁ ፣ ምክንያቱም የአዳፍሩት ምርቶች በጣም አስተማማኝ እና ምርጥ ድጋፍ አግኝቻለሁ። ከአዳፍ ፍሬዝ ዲስክ አገልጋይ ድጋፍ ለማግኘት እስካልሞከሩ ድረስ። በድጋፍ መድረኮች ውስጥ እገዛን በማግኘት በጣም የተሻለ ዕድል ይኖርዎታል።

ለማንኛውም ፣ የሚከተሉትን ቤተመፃህፍት በ ESP8266 እጠቀማለሁ

ESP8266WiFi WiFiClient ESP8266WebServer ArduinoJSON ይህ ቤተመፃሕፍትን እንዴት ማውረድ እና መጫን እንደሚቻል ትምህርት አይደለም ፣ እነዚህ በ HUZZAH ላይ ጥቅም ላይ የዋሉ ቤተ -መጻሕፍት ናቸው። ስለዚህ እባክዎን ይፈልጉዋቸው እና ይጫኑዋቸው። እንዲሁም ለ HUZZAH የቦርድ ትርጓሜዎችን መጫን ያስፈልግዎታል ስለዚህ ወደ FILE> ምርጫዎች ከሄዱ ተጨማሪ የቦርዶች ሥራ አስኪያጅ ዩአርኤሎች በሚለው ሳጥን ውስጥ እባክዎን የሚከተሉትን ያክሉ https://arduino.esp8266.com/stable/package_esp8266c… በዚህ መስክ ውስጥ የሆነ ነገር ፣ ተጨማሪ የቦርድ ዩአርኤል ለማከል እዚያ ውስጥ ኮማ ማከልዎን ያረጋግጡ። እሺ የሚለውን ጠቅ ያድርጉ

መሳሪያዎች> ቦርድ> የቦርዶች ሥራ አስኪያጅ ESP8266 ን በ ESP8266 ማህበረሰብ ከመጫን ይልቅ ESP8266 ን ከመፈለግ በላይ።

ታላቁ አሁን የአሩዲኖ ኮድ እንዲሠራ የሚያስፈልገንን ሁሉ እንዳለን እናረጋግጥ። አንዱ አርዱinoኖ ጎን አርዱዲኖ ራሱ ለዚህ ትምህርት 2 ቤተ -መጽሐፍትን ብቻ ይጠቀማል።

SoftwareSerialArduinoJSON የትኛው እርስዎ አስቀድመው ሊኖሩት ይገባል።

ደረጃ 3 ESP8266 ን በማዘጋጀት ላይ

ESP8266 ን በማዘጋጀት ላይ
ESP8266 ን በማዘጋጀት ላይ

አሁን ኮዱን በ ESP8266 (Adafruit HUZZH) ላይ እናስቀምጠው እና ከአርዱዲኖ ጋር ለመገናኘት እናዘጋጃለን። ለ HUZZAH ኮዱን ይንቀሉ እና ንድፉን ይክፈቱ። በመስመሮች 11 እና 12 ላይ ssid ን እና የይለፍ ቃሉን በአከባቢዎ አውታረ መረብ ላይ ወደ የእርስዎ WIFI ግንኙነት ይለውጡ። የንድፍ ፋይል እና የ index.h ፋይል 2 ፋይሎች እንዳሉ ያስተውላሉ። የ index.h ፋይል በስልክዎ ውስጥ የሚታየው html የተከማቸበት ነው።

ትክክለኛውን SSID እና የይለፍ ቃል ወደ የእርስዎ wifi ካዘጋጁ በኋላ ኮዱን ማጠናቀር እና በእርስዎ ESP8266 ላይ መጫን ይችላሉ። በ HUZZAH ላይ ቺፕውን ወደ ቡት ጫኝ ሁኔታ ለማስገባት የ GPIO0 ቁልፍን ከመተው ይልቅ GPIO0 የሚል ስያሜ ያለው አዝራርን ተጭነው ቀሪውን ቁልፍ ጠቅ ማድረግ አለብዎት። ቺፕው በተሳካ ሁኔታ ወደ ቡት ጫኝ ሁኔታ ከተጫነ ቀይ መብራት ቺፕ በጫኝ ጫኝ ሁኔታ ውስጥ መሆኑን ያሳያል።

ከ ESP8266 ጋር ለመገናኘት ተከታታይ ገመድ ወይም ዩኤስቢ ወደ Serial አስማሚ ፣ ወይም FDTI ቺፕ ያስፈልግዎታል። በዚህ ሁኔታ እኔ በመመሪያው ውስጥ እንደተጠቀሰው የአዳፍ ፍሬሙን ገመድ እጠቀማለሁ። ሆኖም ፣ በ Tx እና Rx ፒኖች ላይ TTL ን በመጠቀም በበርካታ መንገዶች ወደ ቺፕ ማያያዝ ይችላሉ። ይህንን የሚመለከቱ ሰዎች ኮዱን በላዩ ላይ ለመጫን ከቺፕ ጋር እንዴት እንደሚገናኙ ያውቃሉ ብዬ ተስፋ አደርጋለሁ። ለማንኛውም ወደፊት ይቀጥሉ እና ከዚህ እርምጃ ጋር በተያያዘው በዚፕ ፋይል ውስጥ ካለው ኮድ ጋር ቺ chipን ያብሩ።

ደረጃ 4: አርዱዲኖን ማዘጋጀት

ኮዱን ወደ አርዱዲኖ ለመጫን የቦርድዎን ትርጉም ወደ አርዱዲኖ/ጀኑኒኖ ኡኖ ይለውጡ። ከዚህ ደረጃ ጋር የተያያዘውን ፋይል ከመንቀል ይልቅ። ወደ አርዱኒዮ ከመጫን ይልቅ። በእውነቱ በጣም ቀላል ፣ ሁሉም ከባድ ሥራ ቀድሞውኑ ለእርስዎ ተከናውኗል። እኔ የሙከራ የስህተት ሂደት አልፌያለሁ ስለዚህ ማድረግ ያለብዎት ኮዱን መስቀል ብቻ ነው።

ደረጃ 5 ሁሉንም በአንድ ላይ ማገናኘት

ሁሉንም ነገር በአንድ ላይ ማገናኘት
ሁሉንም ነገር በአንድ ላይ ማገናኘት

እሺ ስለዚህ ለሽቦው እዚህ ካለኝ በላይ ስዕል አለኝ።

Tx ን በ Huzzah ላይ በ arduino ላይ ከፒን 2 ጋር ያገናኙ። አርዙኖን ላይ ሁዛን ወደ ፒን 3 ያገናኙ። ነባሪውን ተከታታይ መሥሪያ ለማስለቀቅ በአርዱዲኖ ላይ በፒን 2 እና 3 ላይ ሌላ ተከታታይ ሶኬት ፈጠርኩ።

ፒን V+ እና ኤን ከአርዱዲኖ ወደ 5v ያገናኙ። - የ adafruit Huzzah በቮልቴጅ 3.3v ተቆጣጣሪ ውስጥ ተገንብቷል ስለዚህ እነዚህን መሰኪያዎች መሰካት ከሁሉም የ ESP8266 ሞጁሎች ጋር ላይሰራ ይችላል። በእራስዎ የቮልቴጅ ተቆጣጣሪ ውስጥ ሽቦ ሊያስፈልግዎት ይችላል። ነገሩ በቀላሉ እንዲሠራ ከፈለጉ ሁዛን እንዲጠቀሙ እመክራለሁ። GND ን ከአርዲኖው GND ጋር ያገናኙ

በፒዲዎች 12 ፣ 11 ፣ 9 ፣ 8 ላይ በእርስዎ አርዲኢኖ ሽቦ ላይ በእርስዎ ኤልኢዲዎች ውስጥ እኔ እዚህ ዝቅተኛ ኃይል ያለው LED ን ተጠቅሜ ነበር ምክንያቱም በጣም ብዙ የአሁኑን የሚሳቡት ይህንን ሙከራ ቀላል ለማድረግ ሲሉ በጣም ብዙ ኃይል ሊወስዱ ይችላሉ።

በአርዱዲኖ ላይ ከ A0 አናሎግ ፒን 0 በላይ እኔ በ Turpitity ሞካሪዬ የውጤት መስመር ላይ ሰካሁ። ሆኖም ፣ የአናሎግ ንባብ የሚሰጥዎትን ማንኛውንም ማንኛውንም አነፍናፊ ውፅዓት መሰካት ይችላሉ። ይህንን ለማገናኘት እርስዎ ማድረግ ያለብዎት ይህ ብቻ ነው።

ደረጃ 6 - ወደ ድረ -ገጹ መድረስ

አሁን አርዱዲኖ በገመድ ተይዞ እና በቦርዶችዎ ላይ የተጫነ ነገር ሁሉ ካለዎት በሞባይል ስልክዎ ላይ ኤችቲኤምኤልን ማየት መቻል አለብዎት። አሁን ሁዛህ ላይ ባለው ኮድ ውስጥ SSID ን እና የይለፍ ቃል ካስቀመጡት ተመሳሳይ የ wifi ራውተር ጋር እንዲገናኙ እፈልጋለሁ። እርስዎ ራውተርዎ ለመሣሪያዎ የሰጠውን የአይፒ አድራሻ ማወቅ ያስፈልግዎታል። ብዙውን ጊዜ ወደ ራውተሮችዎ ውቅር ከገቡ የደንበኛ ዝርዝር ሊኖር ይገባል። ያ ከእርስዎ Wifi ግንኙነት ጋር የተገናኙ የሁሉም መሣሪያዎች የአይፒ አድራሻዎችን ያሳያል። ሆኖም ፣ ይህንን የአይፒ አድራሻ ማግኘት ካልቻሉ ከአርዲኖው ነቅለው እንደገና በተከታታይ ገመድ ማስኬድ ይችላሉ። በመሣሪያው ላይ ተከታታይ ኮንሶሉን ከከፈቱ በሌላ መንገድ ማግኘት ካልቻሉ የአይፒ አድራሻውን በተከታታይ መሥሪያው ውስጥ ወዳለው መሣሪያ ያትማል። ለማንኛውም አንዴ ከተንቀሳቃሽ ስልክዎ ጋር ከተመሳሳይ የ Wifi አውታረ መረብ ጋር ከተገናኙ በኋላ። የሞባይል ድር አሳሽዎን ወደ ሁዛው አይፒ አድራሻ ከመጠቆም በላይ። ምናልባት ከዚህ ጋር የሚመሳሰል ነገር ይመስላል። https://192.168.0.107 ወይም በጣም ተመሳሳይ የሆነ ነገር። እዚያም 4 ቱን መብራቶች ለማብራት እና ለማጥፋት እንዲሁም የአናሎግ ዳሳሹን ዋጋ እንዲያነቡ የሚያስችልዎትን መሠረታዊ ገጽ አስቀምጫለሁ።

ደረጃ 7 ጃቫሲፕትን መጠቀም

በ ESP8266Code ንድፍ ውስጥ index.h ተብሎ በሚጠራው ፋይል ውስጥ በአርዱዲኖ አርታኢ ውስጥ እንደ የተለየ ትር መምጣት አለበት። እዚህ የሠራሁትን መሠረታዊ ምሳሌ ማየት ይችላሉ። በመሠረቱ የሚሠራበት መንገድ እንደዚህ ነው።

SetPin (12, 1, 0); SetPin ({ፒን ቁጥር} ፣ {እሴት 1 ከፍተኛ 0 ዝቅተኛ} ፣ {ኢሳናሎግ 1 አዎ 0 አይ})

ይህ የዲጂታል ፒን 12 ዋጋን ወደ ከፍተኛ ያደርገዋል

SetPin (4, 0, 0);

ይህ የዲጂታል ፒን 4 ዋጋን ወደ ዝቅተኛ ያደርገዋል

SetPin (A2, 439, 1) ይህ የአናሎግ ፒን 2 ዋጋን ወደ 439 ያዘጋጃል

እንደዚሁም ፣ የ GetJSON ተግባር የተጠየቀውን እሴት ከፒን ይመልሳል እና ከተጠቀሰው የዲቪ መታወቂያ ጋር በተነሳው ኤችቲኤምኤል ውስጥ ያስቀምጠዋል።

GetJSON ('A0' ፣ 1 ፣ 'resp_i') GetJSON ({Pin Number} ፣ {IsAnalog 1 Yes 0 No} ፣ {Id Of HTML Element to result result})

ይህ ለአርዲኖው የአናሎግ ፒን 0 እሴት እንዲጠይቅና ጥያቄውን በመታወቂያ resp_iGetJSON (12 ፣ 0 ፣ ‘mydiv’) ወደ ዲቪ ለመመለስ ጥያቄውን ይልካል ፤ ይህ አርዱዲኖ የዲጂታል ፒን 0 ዋጋን እንዲያገኝ እና ውጤቱን ወደ ኤችቲኤምኤል አባል ወደ እና የ mydiv መታወቂያ እንዲመልሰው ይጠይቃል።

ደረጃ 8: ድጋፍ

የእኔ ስክሪፕት መጠቀም ለሚፈልጉት ይረዳዎታል ብዬ ተስፋ አደርጋለሁ። እኔ ሌሎች ሰዎች እኔ የማልችላቸውን ሁሉንም ችሎታዎች ይመረምራሉ በሚል ተስፋ እዚህ በጣም መሠረታዊ የ html ምሳሌን እጠቀም ነበር። ሆኖም ፣ ይህ ያለ ኤችቲኤምኤል ገጽ ጭነቶች እና የዚያ ተፈጥሮ ነገሮች አጃክስ አርዱዲኖን ለመቆጣጠር እንዴት ጥቅም ላይ እንደዋለ ማሳየት አለበት።

ማንኛውም አስተያየት ካለዎት እባክዎን ለመጠየቅ ነፃነት ይሰማዎት እኔ ለመመለስ የምችለውን ሁሉ አደርጋለሁ። የዚህን ተግባር ተግባራዊነት የበለጠ ማስፋት እፈልጋለሁ ፣ ግን ጊዜ እና ገንዘብ አልቋል። ሆኖም ፣ እኔ በ ESP8266 ላይ ሳይሆን ፋይሎቹን በመደበኛ ድር አገልጋይ ላይ የሚያከማች በዚህ የበለጠ ጠንካራ ትግበራ ላይ እየሰራሁ ነው።

የእኔን ኮድ ለማየት ጊዜ ስለወሰዱ እናመሰግናለን።

ጆን አንደርሰን ኢሜል ያድርጉልኝ

ቨርሞንት ኢንተርኔት ዲዛይን ኤልኤልሲ

www.vermontinternetdesign.com

የሚመከር: