Upgrade to Pro — share decks privately, control downloads, hide ads and more …

LIFF Mock 使ってますか?

sumihiro3
February 16, 2024

LIFF Mock 使ってますか?

2024.2.16
LINE DC Frontend Meetup ~Webアプリ開発で盛り上がろう!編~

https://linedevelopercommunity.connpass.com/event/308139/

sumihiro3

February 16, 2024
Tweet

More Decks by sumihiro3

Other Decks in Programming

Transcript

  1. ⾃⼰紹介 n 加川 澄廣(かがわ すみひろ) l LINE API Expert (2019.04〜)

    l 経歴 Ø 経理→プログラマー→アーキテクト→PM→ITコンサル →現職 l 所属 Ø 株式会社ブレイブテクノロジー - LINE Technology Partner(ミニアプリ部⾨) 2022 - 23 - LINE ミニアプリを利⽤した順番待ち関連サービスの開発・運⽤をしています - 開発部⾨統括 l 趣味 Ø 開発コンテストへの参加 Ø e-bike でゆるゆる⾛る - 時には 100km 超えの⻑距離(アワイチ、ビワイチ など)も⾛ります sumihiro3 sumihiro.kagawa 3
  2. “LIFF Mock” とは “LIFF Mockは、LIFFアプリのテストを簡単にするため のLIFFプラグインです。LIFF Mockを使うと、LIFF SDKにモックモードを追加できます。 モックモードでは、LIFFアプリがLIFFサーバーから独⽴ し、LIFF

    APIがモックデータを返すため、単体テストや 負荷テストをより簡単に⾏うことができます。” https://developers.line.biz/ja/docs/liff/liff-plugin/#liff-mock
  3. “LIFF Mock” とは “LIFF Mockは、LIFFアプリのテストを簡単にするため のLIFFプラグインです。LIFF Mockを使うと、LIFF SDKにモックモードを追加できます。 モックモードでは、LIFFアプリがLIFFサーバーから独⽴ し、LIFF

    APIがモックデータを返すため、単体テストや 負荷テストをより簡単に⾏うことができます。” https://developers.line.biz/ja/docs/liff/liff-plugin/#liff-mock
  4. “LIFF Mock” が無い時 n liff.init() したら LIFFサーバーから本番環境へリダイレクトされてしまい ローカル環境でテストできない -*''αʔόʔ ຊ൪αʔόʔʢzΤϯυϙΠϯτ63-zʣ

    ΁ϦμΠϨΫτ ຊ൪αʔόʔ͔Β Ϩεϙϯε͕ฦΔ ϩʔΧϧαʔόʔ ຊ൪αʔόʔ OHSPL ͳͲΛ࢖ͬͯϩʔΧϧαʔόʔΛ ΤϯυϙΠϯτʹઃఆͰ͖Δ͕ɺ ςετͷ౓ʹઃఆ͢Δͷ͸໘౗
  5. “LIFF Mock” で e2e テスト n 例えば Profile に応じた画⾯表⽰のテスト Ø

    QR コードのスキャン結果も併せてテスト https://github.com/sumihiro3/liff-mock-sample 1SPGJMFը૾͕͋Δ࣌ 1SPGJMFը૾͕ແ͍࣌