BroadNet
MyOTP.App · 即插即用组件

即插即用OTP验证码,适用于任何应用。

MyOTP.App是一款预构建的验证组件,可直接粘贴安装至网页及移动应用中。电话输入、验证码获取、重试、语音自动回退及防欺诈功能——全部通过BroadNet运营商直连的OTP通道实现,仅需一行脚本标签。

5分钟快速集成 支持30多种语言 ISO 27001
已送达
2.1s
已验证
验证您的号码
myotp.app
第3步 / 共3步
电话号码
+971 50 ••• 4567
验证码
4
8
2
9
1
2
短信 · 2.1秒送达0:24内重发
用户已验证
token · jwt.eyJhcHAiOiJhcHBfO…
由MyOTP.App提供技术支持
端到端签名
集成
5 min
粘贴一个脚本标签和一个div
语言
30+
开箱即用的本地化UI文案
标签
White
您的发送者、您的品牌色、您的域名
可用性 SLA
99.99%
合同承诺的平台可用性
从粘贴到签署JWT

只需一个脚本标签,
五层工程化跳转。

该组件即是集成方案。其底层每一条验证均通过BroadNet专属的OTP通道进行——中位送达时间低于5s,并已内置HLR预验证与语音自动回退功能。

  1. 01 · 组件
    脚本+div

    12kB JS组件可挂载到任何data-myotp div。电话输入、主题和语言环境均通过data-* 属性读取。无需编写状态机。

    挂载 < 80ms
  2. 02 · App ID
    验证会话

    Widget使用您的应用密钥调用BroadNet的验证服务。具备来源检查、CORS锁定,并针对每个IP和每个会话进行速率限制。

    p50 < 60ms
  3. 03 · 通道
    短信、Telegram或语音

    通道由您的账户策略决定。HLR预验证可拦截无效号码;如果短信DLR未能在窗口期内送达,则触发语音自动回退。

    p50 < 1.4s
  4. 04 · 代码
    用户输入

    支持iOS和Android上的短信通知自动填充。六位数字输入,易于访问,并针对阿拉伯语和希伯来语进行了RTL(从右至左)适配。

    是用户体验,而非延迟
  5. 05 · 令牌
    已签名JWT

    验证成功后,组件将为您提供一个短期有效的JWT(默认5分钟)。在授予会话权限前,请在您的服务器上验证签名。

    p50 < 30ms
  6. ← Webhook · 权威服务器JWT验证
组件功能详情

您无需自行构建的六件事。

挂载组件,指向您的应用ID,即可上线。以下所有功能均已内置——包含主题定制、本地化,并接入与BroadNet网络其余部分相同的OTP交付通道。

即插即用JS组件

只需一个脚本标签即可挂载整个验证流程——电话输入、验证码获取、重试、语音自动回退。无需设计工作,无需编写状态机。

包
12 kB
挂载
<div>
主题
浅色 · 深色

原生SDK

适用于React、React Native、Flutter、iOS和Android的原生SDK——拥有与Web组件相同的验证界面,在每个平台上均实现原生渲染。

Web
React
移动端
iOS · Android
混合模式
Flutter · RN

品牌发送者ID

在允许的地区注册字母数字发送者ID;其他地区使用数字长号码和短代码。验证码以您的品牌名称发出,而非来自共享短代码。

发送者ID
已注册
长代码
按国家
模板
按语言区域

语音自动回退

如果短信未在您的窗口期内返回状态报告,组件会自动升级为语音通话——同一次会话,同一个验证码。

触发
<10s
TTS
30+种语言
成本
每段

反欺诈

通过频率限制、地理规则、IP信誉和HLR预验证,在单条消息发出平台之前,即可拦截OTP电话欺诈和注册刷量。

速率
每用户
地理
允许 / 拒绝
HLR
内嵌式

分析仪表板

验证成功率、通道组合、按国家划分的流失率以及中位送达时间——实时显示在仪表板中,并可导出至您的数据仓库。

实时
实时
导出
CSV · API
留存
12个月
嵌入代码段

仅需三行HTML代码。
一名已验证用户。

组件可自动挂载到任何标记的元素上data-myotp。成功后返回一个短效JWT —— 在您的服务器上进行验证并启动会话。

不依赖特定框架
适用于React、Vue、Svelte、Rails、Laravel —— 任何可以粘贴HTML的地方。
自动主题适配
通过CSS变量继承您的配色方案;内置浅色、深色和品牌预设。
DOM中不含PII
代码和令牌绝不会触及页面状态——它们始终保存在密封的iframe内。
index.html
v1 · 稳定版
1<!-- 1 · Drop the script on any page2       (the widget script URL is issued with your app_id) -->3<script src="MYOTP_WIDGET_SCRIPT_URL" async></script>4 5<!-- 2 · Mount the verify flow -->6<div7  data-myotp8  data-app-id="app_8f2c9b1e"9  data-locale={__L}10  data-theme="light"11  data-on-verified="onUserVerified"12></div>13 14<!-- 3 · Handle the signed result -->15<script>16  function onUserVerified(result) {17    // result.token   — short-lived JWT, verify on your server18    // result.phone   — E.16419    // result.channel — "sms" | "voice"20    fetch("/api/session", {21      method: "POST",22      body: JSON.stringify({ token: result.token }),23    });24  }25</script>
通过回调获取结果React · Flutter · iOS · Android SDK
客户案例

三个团队停用了
自研的验证流程。

海湾地区房地产开发商房地产 · 海湾阿拉伯国家合作委员会AE

挑战:一套定制验证流程让工程师长期忙于维护。方案:MyOTP组件替换了定制UI,并同步交付阿拉伯语、英语和俄语文案。

数字体验负责人(参考资料受NDA保护)
东南亚金融科技平台金融科技 · 亚太地区PH

挑战:庞大的用户群在Web端和移动端使用多种不同的OTP界面,且缺乏统一的分析。方案:通过单一Flutter SDK结合Web组件,实现了iOS、Android和浏览器上的验证标准化。

工程副总裁(参考资料受NDA保护)
泛中东与北非航空公司航空 · 中东及北非JO

挑战:在旅游旺季,年长乘客经常错过短信验证码,从而降低了预订转化率。方案:在同一个结账会话中部署了支持阿拉伯语语音自动回退的小部件。

数字产品负责人(参考资料受NDA保护)
合规

已通过合规工作负载审计。

每次验证都会生成事件轨迹。保留策略和数据驻留可按工作区进行配置——包括针对海湾地区监管业务的MENA驻留选项。

ISO 27001
信息安全管理认证
GDPR对齐
可根据要求提供欧盟数据驻留和DPA
Webhook
针对每个验证结果发送
MENA地区居民
面向受监管业务的海湾地区数据驻留
买家常见问题

MyOTP,
直接解答。

在静态页面上,从创建app-ID到首位用户通过验证只需不到5分钟——只需粘贴script标签,放置一个div,并编写一个回调函数。在SPA(React/Vue/Next.js)上,包括SDK安装和您服务器上的JWT验证在内,需要15–30分钟。移动端SDK的集成时间为30–60分钟,具体取决于您的构建设置。

主题(浅色/深色/自定义CSS变量)、品牌颜色、Logo URL、强调色、字体系列、各语言环境下的所有UI字符串文案、各国的发送者ID、语音自动回退时间、重试策略,以及模态框框架本身的CSS覆盖。该组件是Shadow DOM Web组件——您的页面CSS绝不会泄露。

是的。没有“由MyOTP提供支持”的标识。您的发送者ID负责发送验证码,您的域名托管iframe(通过CNAME设置),您的Logo和品牌颜色负责渲染弹窗。对MyOTP的唯一提及仅出现在您自己的控制面板中。

最新统计已支持30多种语言:英语、阿拉伯语(完整支持RTL从右至左书写)、法语、西班牙语、葡萄牙语(PT和BR)、德语、意大利语、荷兰语、波兰语、土耳其语、俄语、乌克兰语、印地语、乌尔都语、孟加拉语、泰米尔语、印尼语、马来语、泰语、越南语、日语、韩语、简体中文和繁体中文、希伯来语、希腊语、罗马尼亚语、捷克语、匈牙利语、瑞典语、挪威语、丹麦语、芬兰语。您可以针对不同语言区域覆盖任何字符串。

按验证用户计费,提供免费层级供评估。标准发送者ID的参考生产价格约为每个验证0.05美元起,并随发送量增加而降低;高量级和企业级层级的价格将根据您的国家组合和每月承诺量进行报价。语音自动回退按实际接通的通话次数单独计费。这些数字仅为示例,且因通道而异——最终费率以您的商业协议为准。

始终如此。组件会向浏览器传递一个短效JWT,同时也会向您的服务器POST一个包含相同验证事件的Webhook。您应将客户端JWT视为提示,并将Webhook视为权威依据——这是每个代码示例中的集成模式。

内置功能:单号码频率限制、单IP频率限制、地理位置允许/拒绝列表、IP信誉过滤、针对携号转网和停机号码的HLR预验证,以及针对已知电话诈骗前缀的目的地风险评分。所有功能均可在仪表板中配置;短信刷量欺诈攻击在产生费用前就会被拦截。

专属技术客户经理、具有自定义速率限制的专用应用ID、白标CNAME和自定义子域名、本地部署的JWT签名密钥轮换、99.99%组件可用性SLA(含自动赔付),以及用于突发事件响应的工程团队共享Slack频道。

没有您想问的问题?请咨询我们的工程团队

接入、验证、完成。

在午餐前完成首位用户的验证。

只需粘贴一个脚本标签并挂载一个div,其余工作由组件自动完成——包括手机号采集、验证码输入、语音自动回退、反欺诈及数据分析。提供免费层级,无需信用卡。

$ <div data-myotp data-app-id="your_app_id"></div>