WebOTP | Frontend Practical Guide

Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

概要

Web OTP API は SMS で受信した OTP コードをブラウザが検出し、ユーザーの許可のもとウェブアプリに提供します。

Chrome 93+

Edge 93+

Safari 未対応

Firefox 未対応

Chrome Android 84+

Safari iOS 未対応

Firefox Android 未対応

JAVASCRIPT

const otp = await navigator.credentials.get({
  otp: { transport: ['sms'] }
});
if (otp) {
  document.getElementById('otp-input').value = otp.code;
}