Googleアカウント画像を返却するだけのAPIを作った
みなさん、ご自身のプロフィール画像ってどう管理していますか？例えば、zennのプロフィール画像って、更新していますか？ 私は、プロフィール画像の更新は面倒なので、放置することが多いです。(GravatarみたいなSaaSが使えたら良いのに...)
最近、自身のポートフォリオページ刷新を検討しており、プロフィール画像をどうするか悩みました。ポートフォリオのベースドキュメントは、Markdownを採用しています。
プロフィール画像を固定で保持させず、API経由でプロフィール画像を設定できないかと思い、今回、Googleアカウント画像を返却するだけのAPI、Google Account Photo APIを作成しました。
APIのソースコードは、こちら(Github)です。1時間程度で作ったので、正常パターンしか見ていません。(笑) ご了承ください。
Googleアカウント画像ってどれ？
Googleのアカウント画像は、www.google.com で表示されている右上の画像です。(ログインしている方のみ)
APIの使い方
APIを呼び出すために、あなたのGoogleアカウントID というものを用意する必要があります。
GoogleアカウントIDの調べ方
あなたのGoogleアカウントIDは、Google People APIのExplorerを実行 するだけで分かります。
実行すると、resourceName(ex. people/<account_id>) というフィールドが返却されるので、そこに書いてあるaccount_idが、あなたのモノになります。
APIを呼び出す
APIは、次のURLにGET呼び出しします。<your_account_id>は、さきほど手に入れたaccount_idになります。
https://google-account-photo.vercel.app/api/?account_id=<your_account_id>
呼び出すと、画像を返却されます。私の場合は、次の画像が返却されます。
Markdownで活用する
このAPIを活用すれば、次のようなMarkdownを書くだけでプロフィール画像を表示することができます！
これだけだと、ちょっと味気ないので、Cloudinaryを使います。Cloudinaryは、URLのパラメータを設定するだけで、画像を加工できます。例えば、画像を円にする場合は、次のURLを書きます。
Cloudinaryについての説明は、割愛します。
私の場合は、次のような画像が表示されます。
Cloudinaryについて、詳しくは次のURLを確認ください。
終わりに
サクッとAPIを構築できちゃうのって、便利な世の中だな〜と思いました。
Discussion