# Web OTP API

> Neste drop falo sobre a Web OTP API, uma Web API que visa facilitar autenticação via SMS em aplicações web.

- Canonical: https://betomuniz.com/blog/web-otp-api
- Published: 2020-08-31
- Updated: 2026-04-21T17:44:00.000Z
- Language: pt

---

A [Web OTP API](https://web.dev/web-otp/) otimiza a experiência durante o fluxo de autenticação via SMS na web, reduzindo a fricção entre a requisição do código e o preenchimento automático dele na aplicação.

Hoje a API tem suporte estável em **Chrome e Edge no Android**. No iOS e macOS, o Safari não implementa a Web OTP API, mas oferece um mecanismo equivalente via o atributo `autocomplete="one-time-code"` no `<input>` — o que vale combinar pra cobrir as duas plataformas:

```html
<input type="text" inputmode="numeric" autocomplete="one-time-code" />
```

```javascript
if ("OTPCredential" in window) {
  const ac = new AbortController();
  const otp = await navigator.credentials.get({
    otp: { transport: ["sms"] },
    signal: ac.signal,
  });
  inputElement.value = otp.code;
}
```

A mensagem SMS precisa seguir um formato específico, terminando com `@dominio.com #codigo`, para que o browser consiga identificá-la com segurança.

![Untitled_cspnmf.png](https://res.cloudinary.com/beto-muniz/image/upload/f_auto/v1598800949/Untitled_cspnmf.png)