cordova开发H5APP（三）登陆的统一认证前端实现

最新推荐文章于 2024-10-31 16:20:29 发布

七爷不在我这里

最新推荐文章于 2024-10-31 16:20:29 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端日常填坑

本文链接：https://blog.youkuaiyun.com/qq_29318383/article/details/81206828

前端日常填坑专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用Cordova的InAppBrowser插件实现从外部认证页面跳转回自身应用，并通过定时检查本地存储来获取认证后的Uid参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：登陆用的是外部的、走人家的认证然后跳回自己的APP。cordova跳出去怎么让他携带参数自动跳回呢

解决：借助InAppBrowser

cordova plugin add cordova-plugin-inappbrowser

安装完了。看代码


        var _this = this;
        var win = cordova.InAppBrowser.open(config.djgLoginUrl + '?Type=1', '_blank', 'location=no,hidden=yes');
        win.show();
        win.addEventListener("loadstop", function () {
          var loop = setInterval(function () {
            win.executeScript(
              {
                code: "localStorage.getItem('Uid')"//登陆成功后台的代码写入浏览器Uid
              },
              function (values) {
                var name = values[0];
                if (name) {
                  clearInterval(loop);
                  //设置学生端Token
                  console.log(name)//这个就是后台给的Uid
                  win.close();
                }
              }
            );
          });
        });

注意、别用alert进行输出测试、

过程描述：打开要认证的网页、加载完成后设置定时器、定时器最小时间去执行win.executerScript、win.executerScript调用回调函数。回调函数内会查看win.executerScript获取的localstorage的Uid的值、有了就干掉定时器、关掉网页显示本页。