LoginSignup
2
4

More than 5 years have passed since last update.

URL短縮Webサービスを作ってみた。

Last updated at Posted at 2019-03-15

こんにちは。
GoogleのURL短縮サービスが2019/3/30で終了します。

これ代替のサービス作れるんじゃないかと思って、お勉強用として作ってみました。
「Firebase Dynamic Links使え」って書いてあるのは一旦無視します。

作ったもの

shtnr
ショートナーと読みます。読みましょう。
独自ドメインじゃないので、短縮URLサービスと言いながらドメイン名が長いですね。

image.png

短縮したいURLを入れて、変換ボタンをポチると、
短縮されたURLが表示されます。

そのタイミングで、クリップボードに短縮したURLがコピーされます。
(Chromeのみ動作確認)

短縮したURLをブラウザのアドレスバーに貼り付けると、元のURLへリダイレクトします。
そんだけです。簡単ですね。

つかったもの

  • Node.js
  • TypeScript
  • express
  • NOW
  • Bulma
  • Firebase Realtime Database(ホントはCloud Store使いたかったけど、NOW上で動かなかった)

Web 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を使いましょう。

2
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
4