<div id="readability-page-1" class="page"><div id="content">
						<article id="post-6087">
				<div>
<p>
   NodeMCU V2에서 DS18B20 온도 센서로부터 값을 읽어 웹페이지에 보여주는 예제입니다. 
</p>



<p>
  2016. 6. 13  최초작성
</p>



<p>
  2022. 9. 12  업데이트
</p>







<p>
  관련 포스트
</p>



<p>
  Arduino IDE에서 NodeMCU V2를 사용하기
</p>



<figure></figure>







<p>
  1. Arduino IDE의 메뉴에서  스케치 &gt; 라이브러리 포함하기 &gt; 라이브러리 관리를 선택합니다
</p>







<p>
  2. onewire를 검색하여 설치합니다.
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="6088" data-permalink="https://webnautes.blog/6087/word-image-6087-1/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?fit=798%2C455&amp;ssl=1" data-orig-size="798,455" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-6087-1" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?fit=300%2C171&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?fit=798%2C455&amp;ssl=1" decoding="async" fetchpriority="high" width="798" height="455" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?resize=798%2C455&amp;ssl=1" alt="" sizes="(max-width: 798px) 100vw, 798px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?resize=798%2C455&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?w=798&amp;ssl=1 798w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?resize=300%2C171&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-1.png?resize=768%2C438&amp;ssl=1 768w"></figure>







<p>
  3. dallas temperature를 검색하여 설치합니다..
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="6089" data-permalink="https://webnautes.blog/6087/word-image-6087-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?fit=798%2C455&amp;ssl=1" data-orig-size="798,455" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-6087-2" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?fit=300%2C171&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?fit=798%2C455&amp;ssl=1" decoding="async" width="798" height="455" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?resize=798%2C455&amp;ssl=1" alt="" sizes="(max-width: 798px) 100vw, 798px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?resize=798%2C455&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?w=798&amp;ssl=1 798w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?resize=300%2C171&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-2.png?resize=768%2C438&amp;ssl=1 768w"></figure>







<p>
  4. 아래처럼 NodeMCU V2와 DS18B20 온도 센서를 연결합니다.
</p>



<ul>
<li>
    DS18B20 온도 센서의 평평한 부분을 봤을때 왼쪽부터 핀 번호가 1, 2, 3 입니다. 
  </li>



<li>
    DS18B20 온도 센서의 2번 핀과 3번 핀을 4.7K 저항을 연결해줘야 합니다.
  </li>



<li>
    GND, 3.3V, D1이 NodeMCU V2에 연결되어야 하는 핀 이름입니다. 
  </li>
</ul>



<figure><img data-lazy-fallback="1" data-attachment-id="6090" data-permalink="https://webnautes.blog/6087/word-image-6087-3/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?fit=450%2C335&amp;ssl=1" data-orig-size="450,335" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-6087-3" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?fit=300%2C223&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?fit=450%2C335&amp;ssl=1" decoding="async" width="450" height="335" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?resize=450%2C335&amp;ssl=1" alt="" sizes="(max-width: 450px) 100vw, 450px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?resize=450%2C335&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?w=450&amp;ssl=1 450w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?resize=300%2C223&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-3.png?resize=200%2C150&amp;ssl=1 200w"></figure>



<figure><img data-lazy-fallback="1" data-attachment-id="6091" data-permalink="https://webnautes.blog/6087/word-image-6087-4/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?fit=1536%2C2048&amp;ssl=1" data-orig-size="1536,2048" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-6087-4" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?fit=225%2C300&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?fit=768%2C1024&amp;ssl=1" decoding="async" loading="lazy" width="1200" height="1600" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=1200%2C1600&amp;ssl=1" alt="" sizes="(max-width: 1200px) 100vw, 1200px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=1200%2C1600&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?w=1536&amp;ssl=1 1536w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=225%2C300&amp;ssl=1 225w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=768%2C1024&amp;ssl=1 768w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=1152%2C1536&amp;ssl=1 1152w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=900%2C1200&amp;ssl=1 900w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=600%2C800&amp;ssl=1 600w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=300%2C400&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=150%2C200&amp;ssl=1 150w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-4.jpeg?resize=1200%2C1600&amp;ssl=1 1200w"></figure>







<p>
  5. 아래 코드를 복사하여 Arduino IDE에 붙여넣고 업로드 버튼을 클릭합니다.  
</p>



<p>
  코드에서 SSID와 패스워드는 사용중인 공유기에 맞추어 변경해야 합니다.
</p>



<p>
  const char* ssid = “ssid”;
</p>



<p>
  const char* pass = “password”;
</p>







<pre><code>#include &lt;ESP8266WiFi.h&gt;
#include &lt;ESP8266WebServer.h&gt;
#include &lt;DallasTemperature.h&gt;
 
#define ONE_WIRE_BUS D1
 
WiFiServer server(80);
 
OneWire oneWire(ONE_WIRE_BUS);
DallasTemperature DS18B20(&amp;oneWire);
 
const char* ssid = "ssid";
const char* pass = "password";
 
char temperatureString[6];
 
void setup(void){
  Serial.begin(115200);
  Serial.println("");
  
  WiFi.begin(ssid, pass);
 
 
  while (WiFi.status() != WL_CONNECTED) {
    delay(100);
    Serial.print(".");
  }
 
   Serial.print("\n");

   // Start the server
  server.begin();
 
  
  // Print the IP address
  Serial.print("Use this URL to connect: ");
  Serial.print("http://");
  Serial.print(WiFi.localIP());
  Serial.println("/");
 
 
  
  DS18B20.begin();
   
 
}
 
float getTemperature() {
  float temp;
  do {
    DS18B20.requestTemperatures(); 
    temp = DS18B20.getTempCByIndex(0);
    delay(100);
  } while (temp == 85.0 || temp == (-127.0));
  return temp;
}
 
 
void loop() {
 
  float temperature = getTemperature();
 
  dtostrf(temperature, 2, 2, temperatureString);
  // send temperature to the serial console
  Serial.println(temperatureString);
 
 
  WiFiClient client = server.available();
  if (!client) {
    return;
  }
 
  // Wait until the client sends some data
  Serial.println("new client");
  while(!client.available()){
    delay(1);
  }
 
  // Read the first line of the request
  String request = client.readStringUntil('\r');
  Serial.println(request);
  client.flush();
 
  // Return the response
  client.println("HTTP/1.1 200 OK");
  client.println("Content-Type: text/html");
  client.println(""); //  do not forget this one
  client.println("&lt;!DOCTYPE HTML&gt;");
  client.println("&lt;html&gt;");
  client.println("&lt;meta http-equiv=\"refresh\" content=\"1\"&gt; ");
  client.println("&lt;h1&gt;"); 
  client.println(temperatureString); 
   client.println("&lt;/h1&gt;"); 
  client.println("&lt;/html&gt;");
 
}</code></pre>







<p>
  6. 메뉴에서 툴 &gt; 시리얼 모니터를 선택합니다. 
</p>







<p>
  7. 보드레이트를 115200으로 변경하면 온도가 출력되는 것을 볼 수 있습니다. 
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="6092" data-permalink="https://webnautes.blog/6087/word-image-6087-5/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?fit=989%2C383&amp;ssl=1" data-orig-size="989,383" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-6087-5" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?fit=300%2C116&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?fit=989%2C383&amp;ssl=1" decoding="async" loading="lazy" width="989" height="383" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?resize=989%2C383&amp;ssl=1" alt="" sizes="(max-width: 989px) 100vw, 989px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?resize=989%2C383&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?w=989&amp;ssl=1 989w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?resize=300%2C116&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-5.png?resize=768%2C297&amp;ssl=1 768w"></figure>







<p>
  8. NodeMCU V2를 PC에 연결한 선을 뺐다가 다시 연결해줍니다. 
</p>



<p>
  . 이 출력되다가 공유기에 연결되면  접속할 수 있는 IP를 출력해주고 나서 온도를 계속 출력합니다.
</p>



<p>
  공유기 접속에 문제 있는 경우 핸드폰의 핫스팟을 사용해보세요.
</p>



<figure><table><thead><tr><th><p>
  ……………………………………………………………………………………………………………….
</p><p>
  Use this URL to connect: <a href="http://172.20.10.8/" rel="nofollow">http://172.20.10.8/</a>
</p><p>
  27.19
</p><p>
  27.19
</p></th></tr></thead></table></figure>







<p>
  9. 확인한 IP를 웹브라우저에서 접속하면 1초마다 웹페이지가 갱신되면서 온도가 출력되는 것을 볼 수 있습니다.
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="6093" data-permalink="https://webnautes.blog/6087/word-image-6087-6/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-6.png?fit=557%2C499&amp;ssl=1" data-orig-size="557,499" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-6087-6" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-6.png?fit=300%2C269&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-6.png?fit=557%2C499&amp;ssl=1" decoding="async" loading="lazy" width="557" height="499" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-6.png?resize=557%2C499&amp;ssl=1" alt="" sizes="(max-width: 557px) 100vw, 557px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-6.png?resize=557%2C499&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-6.png?w=557&amp;ssl=1 557w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/09/word-image-6087-6.png?resize=300%2C269&amp;ssl=1 300w"></figure>





</div> 

			</article>
			
		</div></div>

멈춤보단 천천히라도

webnautes

NodeMCU V2에서 DS18B20 온도 센서로부터 값을 읽어 웹페이지에 보여주는 예제입니다. 2016. 6. 13 최초작성 2022. 9. 12 업데이트 관련 포스트 Arduino IDE에서 NodeMCU V2를 사용하기 1. Arduino IDE의 메뉴에서 스케치 > 라이브러리 포함하기 > 라이브러리 관리를 선택합니다 2. onewire를 검색하여 설치합니다. 3. dallas temperature를 검색하여 설치합니다.. 4. 아래처럼 NodeMCU V2와 DS18B20 온도 센서를 연결합니다. 5.… 더 보기 »NodeMCU V2에서 DS18B20 온도센서로부터 값읽어 웹페이지에 보여주기
The post NodeMCU V2에서 DS18B20 온도센서로부터 값읽어 웹페이지에 보여주기 first appeared on 멈춤보단 천천히라도.

NodeMCU V2에서 DS18B20 온도센서로부터 값읽어 웹페이지에 보여주기

댓글