即插即用JS组件
只需一个脚本标签即可挂载整个验证流程——电话输入、验证码获取、重试、语音自动回退。无需设计工作,无需编写状态机。
MyOTP.App是一款预构建的验证组件,可直接粘贴安装至网页及移动应用中。电话输入、验证码获取、重试、语音自动回退及防欺诈功能——全部通过BroadNet运营商直连的OTP通道实现,仅需一行脚本标签。
该组件即是集成方案。其底层每一条验证均通过BroadNet专属的OTP通道进行——中位送达时间低于5s,并已内置HLR预验证与语音自动回退功能。
12kB JS组件可挂载到任何data-myotp div。电话输入、主题和语言环境均通过data-* 属性读取。无需编写状态机。
Widget使用您的应用密钥调用BroadNet的验证服务。具备来源检查、CORS锁定,并针对每个IP和每个会话进行速率限制。
通道由您的账户策略决定。HLR预验证可拦截无效号码;如果短信DLR未能在窗口期内送达,则触发语音自动回退。
支持iOS和Android上的短信通知自动填充。六位数字输入,易于访问,并针对阿拉伯语和希伯来语进行了RTL(从右至左)适配。
验证成功后,组件将为您提供一个短期有效的JWT(默认5分钟)。在授予会话权限前,请在您的服务器上验证签名。
12kB JS组件可挂载到任何data-myotp div。电话输入、主题和语言环境均通过data-* 属性读取。无需编写状态机。
Widget使用您的应用密钥调用BroadNet的验证服务。具备来源检查、CORS锁定,并针对每个IP和每个会话进行速率限制。
通道由您的账户策略决定。HLR预验证可拦截无效号码;如果短信DLR未能在窗口期内送达,则触发语音自动回退。
支持iOS和Android上的短信通知自动填充。六位数字输入,易于访问,并针对阿拉伯语和希伯来语进行了RTL(从右至左)适配。
验证成功后,组件将为您提供一个短期有效的JWT(默认5分钟)。在授予会话权限前,请在您的服务器上验证签名。
挂载组件,指向您的应用ID,即可上线。以下所有功能均已内置——包含主题定制、本地化,并接入与BroadNet网络其余部分相同的OTP交付通道。
只需一个脚本标签即可挂载整个验证流程——电话输入、验证码获取、重试、语音自动回退。无需设计工作,无需编写状态机。
适用于React、React Native、Flutter、iOS和Android的原生SDK——拥有与Web组件相同的验证界面,在每个平台上均实现原生渲染。
在允许的地区注册字母数字发送者ID;其他地区使用数字长号码和短代码。验证码以您的品牌名称发出,而非来自共享短代码。
如果短信未在您的窗口期内返回状态报告,组件会自动升级为语音通话——同一次会话,同一个验证码。
通过频率限制、地理规则、IP信誉和HLR预验证,在单条消息发出平台之前,即可拦截OTP电话欺诈和注册刷量。
验证成功率、通道组合、按国家划分的流失率以及中位送达时间——实时显示在仪表板中,并可导出至您的数据仓库。
组件可自动挂载到任何标记的元素上data-myotp。成功后返回一个短效JWT —— 在您的服务器上进行验证并启动会话。
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>挑战:一套定制验证流程让工程师长期忙于维护。方案:MyOTP组件替换了定制UI,并同步交付阿拉伯语、英语和俄语文案。
挑战:庞大的用户群在Web端和移动端使用多种不同的OTP界面,且缺乏统一的分析。方案:通过单一Flutter SDK结合Web组件,实现了iOS、Android和浏览器上的验证标准化。
挑战:在旅游旺季,年长乘客经常错过短信验证码,从而降低了预订转化率。方案:在同一个结账会话中部署了支持阿拉伯语语音自动回退的小部件。
每次验证都会生成事件轨迹。保留策略和数据驻留可按工作区进行配置——包括针对海湾地区监管业务的MENA驻留选项。
在静态页面上,从创建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频道。
没有您想问的问题?请咨询我们的工程团队