safari

SafariでSMSによる認証コードを自動入力するやつをキーボードに表示する方法

2020/12/18

フロント側で実装するべきこと

input要素に autocomplete="one-time-code" を指定してあげると,
自動的に入るようになる.

<input type="text" autocomplete="one-time-code" />

SMSの認証コードに関しては, 数値のみしか入力しないため, キーボードの表示を数値のみにするのも良いかもしれない.

<input type="text" inputmode="numeric" pattern="[0-9]*" autocomplete="one-time-code" />

バックエンド側で実装するべきこと

僕の少しハマってしまったのはSMS認証を送る側.

詳しく調べたわけではないため, 検証して動いたメッセージ/動かないメッセージを紹介する.

※サービス名はHogeとし, 認証コードを98765とする

動いた: 98765 is your Hoge authentication code.  
動いた: 98765 があなたの認証コードです。
動かない: 98765 があなたのHoge認証コードです。

SMSで送る文章で認証コードであるか, ただの数値の羅列かをiOS側で判断してそう.
他の動いているサービスを見て, ベストな文章を作成した方が良さそう.

Twitterフォロー待ってます!