接入概述

本文为您介绍H5页面实现本机号码校验的完整交互流程,涉及界面交互,网页端SDK方法调用及服务端集成的OpenAPI调用。

Demo体验

请扫描下方二维码,体验H5页面本机号码校验功能。本机号码校验

说明:体验时建议关闭手机Wi-Fi网络连接,使用手机移动网络访问测试网址。

本机号码校验的交互流程

本机号码校验交互流程主要分为三个步骤:初始化、获取认证参数、号码校验。

image

注:上图为完整的交互流程时序图。

  1. 初始化。

    1. 用户访问H5页面H5页面调用服务端集成的GetAuthToken接口获取授权Token(包括业务鉴权accessTokenAPI鉴权jwtToken两个参数)。

    2. H5页面调用SDKcheckAuthAvailable方法发起身份鉴权。

  2. 获取认证参数。

    1. 身份鉴权通过,H5页面调用SDKgetVerifyToken方法获取号码认证spToken。

  3. 号码校验。

    1. 用户输入需要验证的手机号。

    2. H5页面携带获取到的spToken和用户输入的手机号,向服务端发起认证请求。

    3. 服务端调用集成的VerifyPhoneWithToken接口获取认证结果,判断用户输入的手机号码与用户终端当前访问网络的手机号码是否一致。

    4. 返回校验结果给H5页面