LINE Bot "나침반 팬더(ver0)"

4300 단어 Firebase자바스크립트leafletlinebot

소개



몇 달 전부터 묵묵히 개발하고 있던 LINE Bot 「나침반 팬더」가 완성되었으므로 정리합니다. 소스 코드와 개요는 여기 에서 공개하고 있습니다.
개요나 사용법에 관한 설명은 링크처의 문서에서 기술하고 있습니다. 이 기사에서는 기술적인 이야기로만 좁힙니다. 후, LT 등에 사용하고 싶기 때문에 슬라이드 형식입니다.

시스템 다이어그램





시스템 흐름


  • 기본적으로 사용자는 빨간색 화살표처럼 LINE Bot과의 상호 작용만으로이 응용 프로그램을 조작
  • 위치 정보를 취득하려면 URL 체계 기능을 이용하여 위치 정보 취득
  • 중얼음 텍스트는 전용 양식을 LIFF로 표시하고 거기에서 가져옵니다
  • 얻은 정보를 LINE Bot 서버를 통해 데이터베이스에 저장
  • 지도 표시도 LIFF에 표시


    • 이용기술(LINE Bot)


  • Messaging API
  • Cloud Functions

  • Node.js
  • line-bot-sdk-nodejs
  • 익스프레스
  • firebase-functions



    • 이용기술(Form)


  • Bootstrap
  • LIFF


    • 이용기술(데이터베이스)


  • Cloud Firestore


    • 이용기술(Map)


  • React
  • Leaflet
  • gh-pages


    • 힘든 일



    위치 정보와 중얼거리는 연결


  • Messaging API에는 상태 관리 기능이 없습니다
  • 무리한 상태 관리를 하려면
  • 데이터베이스에서 데이터를 한꺼번에 당깁니다
  • Push 알림 사용 ( BotBuilder 괜찮습니까?)
  • 무언가의 관리 번호를 토크 화면에 발행

  • 이번에는 설치하기 쉬운 "3"방법을 선택


    • 타임스탬프 발행(유일한 관리 번호에 걸쳐)





    Firestore의 Document를 하나로 정리했다


  • Firestore에는 호출 수에 제한이 있습니다.
  • Collections 대신 Document 수를 계산합니다

  • 중첩을 하나 깊게
  • 꺼낼 때가 조금 번거롭다 

    • {
  timestamp: {
    tweet : text,
    latitude: latitude,
    longitude:  longitude
  }
}

    마지막으로



    도전


  • UI가 너무 사용하기 어렵습니다.
  • 한 번에 위치와 중얼거림을 얻고 싶습니다

  • 대화 응답과 중얼거리는 DB에의 저장 처리를 같은 LINE Bot의 서버로 처리하고 있다
  • LIFF에 맡기는 등 역할 분담을 정리하고 싶다
  • DB 용 서버를 세워 API 화하고 싶다.

  • 지도에 텍스트만 남길 수 있다
  • 사진과도 대응하고 싶다



    • 더 하고 싶은 것


  • 중얼거리는 내용의 텍스트를 감정 분석하여 포인터 아이콘에 반영
  • LINE Things와 협력하는 서비스

    • 만날 수 없어 지금까지 만들 수 있었던 것은 최저한 움직이는 것. 여기에서 재미있는 서비스를 만들어 가고 싶다.
    dump1090의지도를 국토 지리원으로 변경해 보았습니다.
    Windy JavaScript API로 바람과 파도 애니메이션을 지도에 표시

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage