코딩정보




● HA작업) 스마트폰 기기별 위치추적 HAOS에 device_tracker 설정하기 카카오map 러브레이스카드 적용까지

♨ 카랜더 일정 : 2023년09월01일
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    ● HA작업)  스마트폰 기기별 위치추적  HAOS에 device_tracker  설정하기 카카오map 러브레이스카드 적용까지

    무료 GPS 위치추적 트래커, 아동 자녀귀가,가족위치 확인,자동차 위치추적,부모돌봄,,,,,는

    각각의 휴대폰에 home assistant 설치후

    간단히 이동경로 위치추적 확인 가능 합니다.

    조건 : home assistant HAOS 메인서버 설치 조건 입니다


      <설정방법 순서>

    1> haos에서 사용자등록 (유저/암호)

    2> 스마트폰에서 home assistant 설치 등록사용자로 로그인 접속 설정

    3> haos에서 사용자 수정에 device_tracker 등록

    4> haos에서 대시보드 폰별  지도카드 추가

    5> haos에서 지도에 최근이동 자동확인

    <동작상태>

    3232235521_1693702532.6827.png

    3232235521_1693617497.1035.png

    3232235521_1693617912.0131.png

    아이콘 적용방법은 아래 참조 하세요

    3232235521_1693631656.1599.png

    <지도에 스마트폰 device_tracker  등록 방법>

    1. home assistant에서 설정 > 구성원 추가 설정 완료

    1) 구성원 추가>  모든스마트폰을 아이디/암호등록하여 준비

    3232235521_1693632139.3308.png

    - 사용자 아이콘 적용방법은

    https://www.google.com/search?q=무료 동물 아이콘 png&oq=&aqs=chrome.3.35i39i362l8.4161j0j15&sourceid=chrome&ie=UTF-8#vhid=H6OMDhVCV-HQDM&vssid=l

    화면 캡춰 저장합니다

    3232235521_1693576799.4817.png

    c:\Users\shimss\Downloads\만화동물아이콘.png

         파일저장후  그림에 아이콘 png파일 불러오기 골라서 영역 사이즈 캡춰  사용자 아이콘  등록 합니다.

         주) 사용자 icon과  지도에 나오는 icon는  2번 설정 하며 ,,,별도 설정 진행 해야 합니다 

    구성원> 사용자 등록 >> 로그인 허용하기

    팁)집에 공기계 하나를 집으로 등록 하면 home으로 활용 합니다

    3232235521_1693574873.0466.png

    사용자 > 활성화 ,암호 추가, 또는 암호 변경 기기의 ID 및 passwd 메모/기억 

    3232235521_1693574864.8601.png


    2. 스마트폰에서>   안드로이드 경우 각각의 스마트폰에

    1) home assistant 설치 

    https://play.google.com/store/search?q=home assistant&c=apps

    3232235521_1693575332.5415.png


    기본 스마트폰에서 로그인 사용자는

    접속은 사용자 등록된 id/passwd로 로그인 후 접속 해야 합니다

    주) 스마트폰에서 접속은
        home assistant 메인서버 HAOS 의 아이디/암호로 접속 하지말아야 한다
          - >>  device_tracker 의 기기 설정 진행 준비가 되지않아 스마트폰 기기목록이 보이지  않는다.

    3232235521_1693575310.6434.png

     사용자 등록된 id/passwd로 로그인 후 접속 후 기기이름이 자동으로 등록

    주) 위치 추적  활성화 선택 못하고 위치설정이 나오지 않으면 

         앱정보에서 data 삭제 후 앱 재실행 초기 설정하면서  필수로 위치설정 진행 .

     3232235521_1693575276.6327.png


    위치 액새스 권한 > 항상허용 > 설정

    3232235521_1693575290.2413.png

    핸드폰에서 정상적으로 등록 되면 기기이름으로 기기 목록이 검색 되어야 합니다


    3. home assistant에서 설정 > 구성원 >  device_tracker 추가 

      사전에 정상적으로  스마트폰에서 등록  설정이 되었으면

      device_tracker 가 나타 납니다.

     주) 안될시  각가의 스마트폰에 설치한 home assistant 앱을 삭제후 다시 설치진행

    3232235521_1693575462.3098.png


    4.대시보드 추가
    3232235521_1693631796.0267.png


    사전 설정 사용조건

    # /config/configuration.yaml 설정조건 >> google_maps 등록

    3232235521_1693578425.8434.png


    <카카오map 러브레이스카드 적용>

    3232235521_1693624582.5703.png

    3232235521_1693630651.7619.png

    3232235521_1693630666.3318.png


    3232235521_1693624354.9365.png3232235521_1693624355.6509.png3232235521_1693624272.1188.png3232235521_1693624347.163.png카카오지도카드 적용방법

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


    1) 카카오 api키 생성 복사

    2) 카드 추가 

    3) 러브레이스 카드에 카카오지도 스마트폰별 device_tracker 추가

    4) ICON 등록


    <카드추가> 사용자카드추가

    type: custom:kakao-map-card
    appkey: 키발급 후 입력
    zoom: 3
    zone: true
    marker_icon_scale: 1
    history_icon_scale: 0.5
    zone_icon_scale: 2
    days_to_show: 2
    ignore_distance: 25
    ratio: 94
    control_position: top
    entities:
      - entity: device_tracker.sm_f721n
        color: '#F08C00'
      - entity: device_tracker.sm_g988n
        color: '#868E96'
      - entity: device_tracker.sm_g973n
        color: '#d32f2f'



    지도및 지도카드 ,카카오map 적용시 아이콘이 나오지 않아
    아이콘적용 방법 입니다.

    < 사용자에 아이콘 추가 적용하기  >

    하시려는 분들에게 좀 더 자세히 설명드리자면

    파일 준비
    s:\www\image\MAN_ICON.png
    s:\www\image\WOMAN_ICON.png
    s:\www\image\WOMAN_ICON.png
    수정메모
    entity_picture: /local/image/MAN_ICON.png
    entity_picture: /local/image/WOMAN_ICON.png
    entity_picture: /local/image/logo.png

    저장위치
    \config\www\images

    위 경로에 예시.png 파일 넣으신 다음

    아이콘등록 방법

    1.configuration.yaml 파일에

    homeassistant:

      customize:

        device_tracker.sm_s906n: <<< 이건 본인 기기명 기입

          entity_picture: /local/images/예시.png

          friendly_name: 원하는 기기명

    형식으로 입력 아이콘 적용 합니다


    또는 

    2. #== customize.yaml 파일에 적용 사용시  =========

    device_tracker.sm_g988n:
      entity_picture: /local/image/MAN_ICON.png
      friendly_name: S20_9045
    device_tracker.sm_f721n:
      entity_picture: /local/image/WOMAN_ICON.png
      friendly_name: Z-flip_5763
    device_tracker.sm_g973n:
      entity_picture: /local/image/logo.png
      friendly_name: home-phone_8655

    # 아이콘 다운 사이트 : 예) 남자

    https://www.flaticon.com/kr/search?type=icon&search-group=all&word=남자&license=&color=&shape=¤t_section=&author_id=&pack_id=&family_id=&style_id=&type=

    아이콘  검색하여 저장하여  

     원하는 아이콘 적용 가능합니다

    3232235521_1693631270.3908.png



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

    [출처] 카카오 지도 (kakao map card) 러브레이스 카드 (HomeAssistant) | 작성자 애면글영


    참조 사이트

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

    의 댓글 정보 입니다.

    ...중략,,,

    트래커 추적의 경우 1(구성원):N(핸드폰, 태블릿 등) 의 방식입니다.

    먼저 "설정 - 구성원"에서 추적할 구성원(사용자)을 선택 혹은 추가한 후

    해당 구성원의 이름을 클릭하면 "추적 대상 기기"가 나옵니다.

    "추적 대상 기기 선택"에서 해당 기기를 추가하시면 됩니다.

    "추적 대상 기기" 등록(추가) 방식은 안드로이드 Play 스토어 혹은 애플 앱스토어에서

    홈어시스턴트(Home Assistant)를 검색하셔서 설치하신 후 해당 기기에서 로그인 하시면 됩니다.

    안드로이 기기의 경우 "설정 - 컴패니언 앱 - 센서 - 위치 센서"를 사용자의 용도에 맞게 활성화 시키주시면 됩니다.

    ,,,중략,,,


    # 아이콘 다운 사이트 : 예) 남자 ,여자,,,,,,,검색 무료다운
    https://www.flaticon.com/kr/search?type=icon&search-group=all&word=남자&license=&color=&shape=¤t_section=&author_id=&pack_id=&family_id=&style_id=&type=




    파일을 다운로드하여 www/image/에 이름별 저장

    # 카카오map 적용 시 아이콘 적용방법 댓글 참조
    https://cafe.naver.com/koreassistant/8062


    참조 사이트

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

    ===========

    자동차 위치 추적 home assistant 앱 설치 하기 (스마트폰과 동일)

    차량 위치추적 설정 >> 자동차 u심칩사용중

    3232235521_1693645730.3518.png

    수동으로 haos  웹링크 입력

    3232235521_1693645840.5519.png

    사용자 입력

    3232235521_1693645912.5492.png

    위치 추적을 >> 항상 허용


    3232235521_1693645929.9114.png

    pc에서 스마트폰 트래커이름으로 지도카드 등록

    3232235521_1693646052.6555.png

    카카오map 지도적용

    3232235521_1693702800.0486.png

    <카드추가> 
    1) kakao map 사용자카드 추가
    type: custom:kakao-map-card
    appkey:  키입력
    zoom: 3
    zone: true
    marker_icon_scale: 1
    history_icon_scale: 0.5
    zone_icon_scale: 2
    days_to_show: 2
    ignore_distance: 25
    ratio: 94
    control_position: top
    entities:
      - entity: device_tracker.sm_f721n
        color: '#F08C00'
      - entity: device_tracker.sm_g988n
        color: '#868E96'
      - entity: device_tracker.sm_g973n
        color: '#d32f2f'
      - entity: device_tracker.trinket_for_arm64
        color: '#B9D802'

    2.customize.yaml 파일에  자동차 아이콘 추가적용  
    device_tracker.sm_g988n:
      entity_picture: /local/image/MAN_ICON.png
      friendly_name: S20_9045
    device_tracker.sm_f721n:
      entity_picture: /local/image/WOMAN_ICON.png
      friendly_name: Z-flip_5763
    device_tracker.sm_g973n:
      entity_picture: /local/image/logo.png
      friendly_name: home-phone_8655
    device_tracker.trinket_for_arm64:
      entity_picture: /local/image/car.png
      friendly_name: k7_car_8436
    ==============20230902_1821_55  추가적으로 자동차에 homeassistant 앱설치후 적용입니다
    ☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠1.png
    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일
    답변
    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    <카드추가>
    1) kakao map 사용자카드 추가
    type: custom:kakao-map-card
    appkey:  키입력
    zoom: 3
    zone: true
    marker_icon_scale: 1
    history_icon_scale: 0.5
    zone_icon_scale: 2
    days_to_show: 2
    ignore_distance: 25
    ratio: 94
    control_position: top
    entities:
      - entity: device_tracker.sm_f721n
        color: '#F08C00'
      - entity: device_tracker.sm_g988n
        color: '#868E96'
      - entity: device_tracker.sm_g973n
        color: '#d32f2f'
      - entity: device_tracker.trinket_for_arm64
        color: '#B9D802'

    2) customize.yaml 파일에  자동차 아이콘 추가적용 
    device_tracker.sm_g988n:
      entity_picture: /local/image/MAN_ICON.png
      friendly_name: S20_9045
    device_tracker.sm_f721n:
      entity_picture: /local/image/WOMAN_ICON.png
      friendly_name: Z-flip_5763
    device_tracker.sm_g973n:
      entity_picture: /local/image/logo.png
      friendly_name: home-phone_8655
    device_tracker.trinket_for_arm64:
      entity_picture: /local/image/car.png
      friendly_name: k7_car_8436

    답변



    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-05-03 01:46:13

    오늘의 홈 현황


    • 현재 접속자♨ 222 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 3 명
    • 주간 가입자※ 15 명
    • 오늘 방문자 749 명
    • 어제 방문자 1,869 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,300,506 명
    • 전체 게시물※ 8,551 개
    • 전체 댓글수※ 24,546 개
    • 전체 회원수 10,945 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑