URL 단축 웹 서비스를 만들어 보았다.

안녕하세요.
Google URL 단축 서비스가 2019/3/30에 종료됩니다.

이것 대체 서비스 만들 수 있지 않을까 생각하고 공부용으로 만들어 보았습니다.
「Firebase Dynamic Links 사용할 수 있다」라고 써 있는 것은 일단 무시합니다.

만든 것



shtnr
짧은 토너로 읽습니다. 읽자.
독자 도메인이 아니기 때문에, 단축 URL 서비스라고 말하면서 도메인명이 길네요.



단축하려는 URL을 넣고 변환 버튼을 잡으면,
단축된 URL이 표시됩니다.

이 시점에서 클립보드에 단축된 URL이 복사됩니다.
(Chrome만 동작 확인)

단축된 URL을 브라우저의 주소 표시줄에 붙여넣으면 원래 URL로 리디렉션됩니다.
그렇습니다. 간단하네요.

사용한 것


  • Node.js
  • TypeScript
  • express
  • NOW
  • Bulma
  • Firebase Realtime Database (정말은 Cloud Store 사용하고 싶었지만, NOW상에서 움직이지 않았다)

  • 웹 API로 사용



    이런 식으로 POST (Windows 버전의 curl 사용)하면,
    curl -X POST -H "Content-Type: application/json" -d '{\"target_url\":\"https://example.com/\"}" https://shtnr.now.sh/api/urls
    

    이런 식으로 돌아옵니다.
    {"shorten_url":"https://shtnr.now.sh/2n2znc"}
    

    마지막으로



    공부용으로 만들었으므로, 적당한 타이밍에 서비스 지울 가능성도 있습니다.
    Google이 말했듯이 Firebase Dynamic Links를 사용합시다.

    좋은 웹페이지 즐겨찾기