App集成第三方H5登录方案

1.0 流程图

2.0 介绍

使用H5的方式进行登录条件

1. 配置启动页进入的登录页（H5地址）；
2. H5页面集成移动端桥接库 库地址 ；
3. H5页面监听原生返回参数；
4. H5页面传递登录参数。

3.0 翠亨登录介绍

3.1 参数说明

传递和接收

发送给原生和接收原生的参数都是一样的

loginType参数

mobile参数

3.2 普通登录

非第三方登录：账号密码登录、手机号验证码登录等。

let json = {
    loginType: "",
    isAgree: "true",
    code: "",
    st: "112345456",
    stHead:"Bearer",
    platform:"xiwan"
}
Bridge.call("custom_login", json, (data) => {});

3.3 第三方登录

微信授权登录、支付宝授权登录等。

//调起微信授权登录
let json = {
    loginType: "wechat",
    isAgree: "true",
    code: "",
    st: "112345456",
    stHead:"Bearer",
    platform:"xiwan"
}
Bridge.call("custom_login", json, (data) => {});

3.4 数据接收

接收数据：H5参考

Bridge.register("custom_login", (type, data, responseCallback) => {
    if (data) {
        let jsonBridge = JSON.parse(data);
        if (type == "custom_login") {
        //jsonBridge参数
        //    {
        //        loginType: "wechat",
        //        isAgree: "true",
        //        code: "787387ujdu",
        //        token: ""
        //    }
        }
    }
});

4.0 token登录介绍

//使用加密token登录，platform：平台
let json = {
    isAgree: "true",
    st: "112345456",
    stHead:"Bearer",
    platform:"xiwan"
}
Bridge.call("custom_st_login", json, (data) => {});

5.0 隐私协议

//传递隐私协议状态
let json = {
    isAgree: "true"
}
Bridge.call("consent_privacy", json, (data) => {});

6.0 关闭APP

//退出应用
Bridge.call("close_app", "", (data) => {});