H5接入

运行时流程时序图运行时流程时序图

H5登录时序图

第一步:第三方在钥匙内使用JS代码通过钥匙浏览器提供的jsapi获取授权码

Andrioid授权登录并调用JS代码获取授权码

JSCODE

var params = {
         //以下参数均为string类型
         thirdAppId:thirdAppIdValue,//应用方申请的appid
         scope:scopeValue,//参数选择  (BASE,USERINFO,MOBILE),通常填BASE
         appName:appNameValue,//申请appid时的应用名称
         appIcon:appIcon,//可以被访问的应用icon的url
         onResult:myCallback//定义的回调方法名称,string类型,不是对象
}
//回调方法,注意:一定是全局的。
function myCallback(result){
         //result不为空且result.length > 10方可视为有效的授权码。(用户取消登时result是'null'字符串)
         alert("授权码为:" + result);
}
WiFikey.login(JSON.stringify(params));

iOS授权登录并调用JS代码获取授权码

var bridge = window.WebViewJavascriptBridge;
bridge.register(myCallback,function(data,responseCallBack){
  //data是登录的结果,失败传回的是空串
})
var params = {
    thirdAppId:thirdAppIdValue,
    scope:scopeValue,
    appName:appNameValue,
    appIcon:appIcon,
    onResult:myCallback
}

第二步:第三方app服务根据授权码调用钥匙服务接口获取access_token

获取AccessToken (getAccessToken)

接口安全相关

第三步:第三方服务端根据acess_token调用钥匙服务获取用户个人信息

查询用户个人信息 (qryOidUserInfo)

接口安全相关

H5接入示例:

wifikeyLoginAuth.js.zip