● HA작업) HAOS에   커스텀 날씨 카드  lovelace 대시보드에 weather-card 을  추가하자

네이버날씨로 설정 하세요

https://11q.kr/www/bbs/board.php?bo_table=co3&wr_id=839

------ 이하 자료 참조만 하세요 ---

아래방법은 api 키가 필요하며 사용에 제한이 있습니다

간단한 방법으로 초보자도 쉽게 추가방법입니다

상기와 같이 등록을 위하여 아래의 openweathermap을 등록 해야 합니다.

https://www.home-assistant.io/integrations/openweathermap/#weather

상단 링크를 변경 합니다

http://homeassistant.local:8123/_my_redirect/config_flow_start?domain=openweathermap

자신의 DNS로 변경 합니다

http://ha.11q.duckdns.org/_my_redirect/config_flow_start?domain=openweathermap

ctrl + link 로 사이트로 이동합니다

계정로그인 생성 api 생성 >>> 이메일 확인 하고  >>> api 확인 합니다

저는 내 API 키 ,>>>> 확인 합니다.

내 API를 복사합니다

지도 의 위도 경도 찾기 

http://map.esran.com/index.php

저의집 입니다

37.278107

127.071129

통합구성요소에서 확인

온도 를 다른 pc의 위젯으로 온도를 확인 비교  합니다

weather-card 추가해야 대시보드에 카드추가시 

카드가 나옴니다

bramkragten/weather-cardPublic

https://github.com/bramkragten/weather-card

설치:

호스팅 또는 자체 호스팅(수동)의 두 가지 옵션이 있습니다. 첫 번째 옵션은 인터넷이 필요하며 자동으로 업데이트됩니다.

대시보드에 리소스 추가하기 >> lovelace 구성의 리소스에 다음을 추가합니다.

- url: https://cdn.jsdelivr.net/gh/bramkragten/weather-card/dist/weather-card.min.js

  type: module

==================

url을 복사후 리소스 추가는 > 설정 > 대시보드 > 리소스추가  >>> url에 추가후  자바로 선택 합니다.

리소스 추가후

추가한 리소스 을   대시보드에서  사용자 카드를 추가 합니다.

들러보기 > 우측 점3개  편집 하기

하단에 카드 추가하기 > 날씨 예보를 추가 합니다

 날씨 예보 추가 구성시 >  이름 없이 >저장하기

이제 대시보드/둘러보기에 날씨 정보가 등록 되었습니다

온도 를 다른 pc의 위젯으로 온도를 확인 비교  합니다

다른형태를 대시보드(둘러보기)에 다른카드 추가해 봅니다

수동 방법으로 설치>  폴더를 생성하고  파일을 업로드 합니다

1. weather-card.js를 에 다운로드합니다 /config/www/custom-lovelace/weather-card/. (또는 의 다른 폴더 /config/www/)
2. amCharts 아이콘 ("animated" 폴더의 내용)을 아래 /config/www/custom-lovelace/weather-card/icons/(또는 의 다른 폴더 /config/www/) 에 저장합니다.
3. 저장 모드에서 Lovelace를 사용하고 편집기를 사용하려면 weather-card-editor.js를 에 다운로드하십시오 /config/www/custom-lovelace/weather-card/. (또는 위에서 사용한 폴더)
4. 
   

lovelace 구성의 리소스에 다음을 추가합니다. >>> 리소스을 추가를 폴더위치로 추가 합니다  >> 

resources:

  - url: /local/custom-lovelace/weather-card/weather-card.js

    type: module

 /local/custom-lovelace/weather-card/weather-card.js 복사 합니다

1.대시보드에서 편집

2. 하단 카드추가하기

구성> 사용자카드 를 선택  대시보드에 추가 하기 입니다

대시보드에 카드 추가하기 방법 대시보드에 카드 추가하기 방법 

지동에서 home위치를 지정 합니다.>> 주어진 이름으로 날씨 위치 지정

날씨를 추가할 대시보드에서 >>>점3개에서 편집

하단에서 카드추가하기 >>>

이름과 지역에  지도에서 주어진 이름을 입력 합니다

추가 되었습니다 (주) 아이콘이 안나오네요 ???

==> name없이  >>> 저장만 하면 

아이콘이 나옴

==================

개초보의 HA 설정기 - 4탄 < custom component 설치하기 >

https://blog.naver.com/ohminy11/221451586355

을 참조하여 lovelace weather를 Homeassistant의 메인 대시보드에 추가해 보자

https://www.youtube.com/watch?v=5DMb8cYs8pw

동영상도 참조

구글에서 lovelace weather 검색

https://github.com/bramkragten/weather-card

홈어시스턴트 날씨 카드 상위 10개

https://smarthomescene.com/blog/top-10-home-assistant-weather-cards/

나중에 HACS) 커스텀 날씨 카드

https://cafe.naver.com/koreassistant/10684

도 추가해 보자

===========

api키가 무엇인가 ?

https://www.home-assistant.io/integrations/openweathermap/#weather

에서 하단에 보면

API에 대한 자세한 내용은 OpenWeatherMap 문서 에서 확인할 수 있습니다 .

https://openweathermap.org/api

는 가입 자동  접속 상태 입니

https://openweathermap.org/price#weather

============= end =====