Inappbrowser ionic不会加载Oauth

时间:2016-11-02 11:43:25

标签: cordova ionic-framework google-drive-api google-oauth inappbrowser

我正在使用inappbrowser ionic进行我的项目,以查看我的webapp。我按照指令(http://sourcefreeze.com/cordova-inappbrowser-plugin-example-using-ionic-framework/)操作我的设备(iphone 6s,ios 10.1.1)。我的网络应用程序使用谷歌API,这里是服务

function GoogleDriveAuthentication($rootScope){

    this.authenticate = function(){
        gapi.load('client:auth2',authorize);
    }

    function authorize(){
        gapi.client.setApiKey($rootScope.API_KEY);
        gapi.auth2.init({
            client_id: $rootScope.CLIENT_ID,
            scope: $rootScope.SCOPES
        }).then(function(authResult){
            var auth2 = gapi.auth2.getAuthInstance();
            var user = auth2.currentUser.get();
            if (user.isSignedIn()) {
              afterSignInSuccess();
            } else {
              auth2.signIn().then(afterSignInSuccess,afterSignInFailed);
            }
        });
    }
    function afterSignInFailed(respond){
        console.log(respond);
    }

    function afterSignInSuccess(respond){
        console.log('authenticated successfully');
        var auth2 = gapi.auth2.getAuthInstance();
        var user = auth2.currentUser.get();
        var authResponse = user.getAuthResponse();
        $rootScope.accessToken = user.getAuthResponse().access_token;
        $rootScope.authenticated = true;
        gapi.client.load('drive', 'v3',function(){
            $rootScope.$broadcast('authenticated');
        });           
    }
}

这是我的app.js的一部分

app.run(function($rootScope,$location,$route, GoogleDriveAuthentication,DTOptionsBuilder){

$rootScope.$on('$routeChangeSuccess', function(){
    document.title = "SuperProject - " + $route.current.title;
    $('#superSearch').typeahead('val', '');
    if ($location.path() != "/register" && $location.path() != "/forgot"){
        if (!$rootScope.loggedin){
            console.log($rootScope.loggedin);
            $location.path("/login");
        } 
        else if (!$rootScope.authenticated){
            console.log('authenticate');
            GooghleDriveAuthentication.authenticate();
        }            
    }
    if ($location.path != '/home') {
        $('#superSearch').blur();
    }
})

And when I run it in Inappbrowser, it's stuck like this

我的cordova-plugins:

cordova-plugin-console 1.0.4 "Console"
cordova-plugin-device 1.1.3 "Device"
cordova-plugin-inappbrowser 1.5.0 "InAppBrowser"
cordova-plugin-splashscreen 4.0.0 "Splashscreen"
cordova-plugin-statusbar 2.2.0 "StatusBar"
cordova-plugin-whitelist 1.3.0 "Whitelist"
ionic-plugin-keyboard 2.2.1 "Keyboard"

我可能会遇到这种情况我使用的oauth2 v3会在Inappbrowser中产生一些问题,我不确定。 知道我的应用程序有什么问题吗?任何帮助将不胜感激:)

1 个答案:

答案 0 :(得分:3)

谷歌最近警告说: https://developers.googleblog.com/2016/08/modernizing-oauth-interactions-in-native-apps.html

出于安全原因,Google不再允许使用inAppBrowser获取令牌。相反,请使用cordova插件进行谷歌登录,例如https://github.com/EddyVerbruggen/cordova-plugin-googleplus,它使用Android原生方式。

作为奖励,您将获得与Android设备更好的集成:用户不再需要在首次使用时输入他们的电子邮件和密码。

某些应用仍然有效的原因是Google正在分阶段阻止。在控制台中创建的新身份验证凭据不再有效,但较旧的凭证可用。在某些时候,没有人会看到上面的第一个链接。