$30 off During Our Annual Pro Sale. View Details »

FlutterでTikTokログインができるパッケージを作った話

 FlutterでTikTokログインができるパッケージを作った話

K9i - Kota Hayashi

August 10, 2023
Tweet

More Decks by K9i - Kota Hayashi

Other Decks in Programming

Transcript

  1. FlutterでTikTokログインが
    できるパッケージを作った話
    YUMEMI.grow Mobile #6
    Kota Hayashi (K9i)

    View Slide

  2. 自己紹介

    View Slide

  3. イベント宣伝

    View Slide

  4. 8/15(火)にエントリー開始 🚀

    View Slide

  5. まだまだ募集中です 🙏
    ゴールド(1/3)
    シルバー(9/10)

    View Slide

  6. 本編

    View Slide

  7. 前置き
    - ゆめみ転職前の話です

    View Slide

  8. Flutterにおけるパッケージとは
    - 特定の機能などを提供する独立したモジュール
    - Androidでのライブラリ、iOSでのPodといえば伝わりやすい
    - (ってChatGPTが言ってた)
    - pub.devというパッケージリポジトリで管理されている

    View Slide

  9. 開発していたアプリでTikTok認証が必要に
    - https://developers.tiktok.com/doc/login-kit-overview/
    - TikTokのLogin Kitを使うことで認証可能

    View Slide

  10. View Slide

  11. 開発していたアプリでTikTok認証が必要に
    - https://developers.tiktok.com/doc/login-kit-overview/
    - TikTokのLogin Kitを使うことで認証可能
    - iOS、Android、Web向けには公式が対応している
    - Flutter向けのパッケージは無し😇

    View Slide

  12. TikTokを開発している
    ByteDanceはFlutter公式で紹
    介さてるはず…

    View Slide

  13. 作ったパッケージ

    View Slide

  14. 参考にしたパッケージ
    - 似たような目的のパッケージを参考にした
    - flutter_line_sdk
    - https://pub.dev/packages/flutter_line_sdk
    - LINEログイン
    - flutter_facebook_auth
    - https://pub.dev/packages/flutter_facebook_auth
    - Facebookログイン
    - どちらもネイティブ向けのSDKをflutterで使えるようにしている

    View Slide

  15. MethodChannel
    - Flutterでプラットフォーム
    (iOS、Androidなど)のメソッド
    を呼び出す、その逆をするAPI
    - 公式ページ
    - 日本語記事

    View Slide

  16. Pigeon
    - MethodChannelは型安全ではない
    - Pigeonというパッケージを使うと型安全にやりとりできる
    - https://pub.dev/packages/pigeon
    - 作った当時知らなかったので、まだflutter_tiktok_sdkでは使っていない

    View Slide

  17. 実装時の苦労
    - TikTokログインを使ってる人がぜんぜんいなそう
    - (当時)公式ドキュメントが結構間違ってた
    - 指摘したら対応はかなり早かった
    - Stack Overflowでも情報が少ない
    - Androidは経験があったが、iOSの実装経験が無かった
    - Xcodeムズい

    View Slide

  18. 公開後
    - はじめはアプリに処理をそのまま書いたが、あとからパッケージに切り出
    した
    - 他にもTikTokログインしたい人がいるはず

    View Slide

  19. 多少は使われてる🥳

    View Slide

  20. 公開後
    - はじめはアプリに処理をそのまま書いたが、あとからパッケージに切り出
    した
    - 他にもTikTokログインしたい人がいるはず
    - ただし…
    - GitHubでぜんぜん星がつかない
    - 転職してTikTokログイン機能と離れメンテモチベが

    View Slide

  21. まとめ
    - Flutterにおけるパッケージの紹介
    - flutter_tiktok_sdkを作った
    - 参考になったパッケージの紹介
    - Flutterでプラットフォームのメソッドを呼ぶMethodChannel
    - 公開後

    View Slide