お気に入り機能の実装

yagi-eng commented 4 years ago

LIFFでLINEのUserIDを取得するには、liff.getIDToken()でIDTokenを取得したのちに、以下のAPIでTokenからUserIDを取得する必要があるっぽい

・そのAPI https://developers.line.biz/ja/reference/social-api/#verify-id-token

・参考URL https://developers.line.biz/ja/docs/liff/using-user-profile/#%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E6%83%85%E5%A0%B1%E3%82%92%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B

でもconsole.log(liff.getIDToken())を仕込んで、Tokenを取得して、試しにAPI実行してみたけど以下のエラー発生

$ curl -v -X POST 'https://api.line.me/oauth2/v2.1/verify' -d 'id_token=eyJraxxxxxx&client_id=xxx'

{"error":"invalid_request","error_description":"IdToken expired."}* Connection #0 to host api.line.me left intact

expiredって言われても発行したばっかなのに。。

yagi-eng commented 4 years ago

TokenをNuxt側で保持しておいて、RestoClipのAPI（Go）を実行する時に送信する
Go側で一つ上のコメントのAPIを叩いてUserIDを取得するという流れ

yagi-eng commented 4 years ago

https://scrapbox.io/gyarasu/%5BNuxt%5D_%E5%87%A6%E7%90%86%E9%A0%86%E5%BA%8F

yagi-eng commented 4 years ago

お気に入りを一覧表示機能の実装完了。以下2点の課題が残っている。

liff.getIDToken()で取得したTokenが期限切れになった場合、GoのAPI実行時に400エラーが出る
LINEログイン後にトップページに遷移すると400エラーとなる。リロードすると解消され、お気に入り一覧が表示される
- デバッグすると、1回目のトップページ遷移ではstore.getters.getLineIDTokenが空でリロードすると代入される
- storeとcookie周りを頑張れば解消しそう

上記は一旦保留にして、お気に入り登録/解除機能を優先して開発する

yagi-eng commented 4 years ago

本当は場所コンポーネントにハートアイコンを付けてトグルしたかったけど、意外と作りこみが難しそう設計通り、LINEBOTと合わせて、検索ページでは「追加」、お気に入り一覧ページでは「削除」を実装する

yagi-eng / place-search-liff

お気に入り機能の実装 #5