cordova inappBrowser plugin pass username and password to URL

Question

I am using cordova inappbrowser Plugin.

When I opened URL in any mobile browser below popup come but when same url I tried to open through inappbrowser I am not getting this authentication popup. Its showing 401 authentication error directly.

Why this behavioral change? IS there anything I have to provide to get same behavior like browser?

Or is there I can directly pass username and password? So how can I implement basic authentication?

I have tried with form submission way also.

<form name="frm" id="frm" method="POST" action="http://sample.xyz/test">
   <input type="hidden" name="username" id="username" value="abc" />
   <input type="hidden" name="password" id="password" value="xyz" />
</form>

Also I have tried below also which I got by googling.

window.open("http://abc:xyz@sample.xyz/test");

help me out.

Does it work if you remove the single quotes from your URL? ie. window.open("http://abc:xyz@sample.xyz/test"); You should be able to pass auth credentials this way using the inappbrowser. — Jordan Burnett, Jun 23 '17 at 13:28
@JordanBurnett Please see my updated question. yah I tried without single quotes getting same error. — Suhas Gosavi, Jun 23 '17 at 13:30
@Suhas Check the answer and let me know if you have any problem. If you still face the 401, add a a screenshot of the error message too — Sagar V, Jun 26 '17 at 13:20
@SagarV normal 401 error saying access is denied due to invalid credentials. Even is come even I didnt passed credential in window.open — Suhas Gosavi, Jun 26 '17 at 13:51
Just open a test page which contains `alert("ABC");` and let me know what happens — Sagar V, Jun 26 '17 at 14:01
@jcesarmobile i didnt checked on iOS. Will check nd confirm. Checked only on android. — Suhas Gosavi, Jun 26 '17 at 17:55
I now that it is a long time ago but are there any updates on that issue? I am currently facing similar problems, especially because I have special characters in my usernames and passwords and therefore I am searching for a solution/workaround... — Daniel05, Apr 08 '20 at 08:59

score -1 · Answer 1 · answered Jun 26 '17 at 13:19

-1

That is not a login form from any page. It is an htaccess(or similar) authentication.

So, you can't simply supply credentials via a login form.

There is a discussion regarding this in Google Groups

The method you tried

window.open("http://'abc':'xyz'@sample.xyz/test");

Change it to

window.open("http://abc:xyz@sample.xyz/");

Or

window.open("http://abc:xyz@sample.xyz/test");

This will authenticate you to the site.

answered Jun 26 '17 at 13:19

Sagar V

12,158
7
41
68

I have already tried without quotes also getting same behavior. But why this behavioral change as in mobile browser auth popup is coming but when I tried to open through plugin its not coming. – Suhas Gosavi Jun 26 '17 at 13:47
Sample body onload alert message is working in inapp plugin. – Suhas Gosavi Jun 26 '17 at 14:17
So, the authentication popup is blocked by the plugin – Sagar V Jun 26 '17 at 17:03
May be I am not sure. Is there any other way to do this? – Suhas Gosavi Jun 26 '17 at 17:04
I will try to give you a solution by tomorrow morning – Sagar V Jun 26 '17 at 17:23
@Suhas are you on cordova or ionic – Sagar V Jun 27 '17 at 12:08
@Currently using cordova inApp plugin. If there is solution in ionic let me know. – Suhas Gosavi Jun 27 '17 at 12:10
@Suhas try _cordova.InAppBrowser_ instead of _window_ – Sagar V Jun 27 '17 at 12:14
Im using that only Sagar. But by using cordova plugin I am not getting 401 error but getting blank screen instead. Same when I used native method to do its working - Refer dparnas answer in https://stackoverflow.com/questions/2585055/using-webview-sethttpauthusernamepassword – Suhas Gosavi Jun 27 '17 at 12:26
while using native code and answer from above link I have to add mWebview.getSettings().setJavaScriptEnabled(true); then only it will work. – Suhas Gosavi Jun 27 '17 at 12:28
I am not familiar with Java. My domain is JavaScript. that's why I trying to give you a solution in JS. – Sagar V Jun 27 '17 at 12:31
But one doubt. If that method works for you, then why can't you use it – Sagar V Jun 27 '17 at 12:31
My domain is also javascript. I want solution on javascript only i.e. in hybrid app I want to use that. If I didnt get any solution then only I will prefer to use native code. So thats why I am also asking you if you have any other solution. – Suhas Gosavi Jun 27 '17 at 12:35
cordova.InAppBrowser.open method not returning 401 error but giving blank screen no output. – Suhas Gosavi Jun 27 '17 at 12:48
Hey you got any other solution in JavaScript?? – Suhas Gosavi Jun 28 '17 at 16:19
Or is there any way to pass auth username password in javascript to url? – Suhas Gosavi Jun 28 '17 at 16:23

score -1 · Answer 2 · answered Apr 11 '18 at 08:14

InAppBrowser by default works with url only.

If your link require sending parameters via POST you should try this approche:

            var postParams = {
                "param1": param,
                "param2": param2
            };

            var pageContent = '<html><head></head><body><form id="loginForm" action="' + siteAddress + '" method="post">' +
                '<input type="hidden" name="postParams" value="' + encodeURI(JSON.stringify(postParams)) + '">' +
                '</form> <script type="text/javascript">document.getElementById("loginForm").submit();</script></body></html>';
            var pageContentUrl = 'data:text/html;base64,' + btoa(pageContent);

            ref = window.open(pageContentUrl, '_blank', 'location=no,zoom=no,hidden=yes,disallowoverscroll=no,toolbar=no,clearcache=no,clearsessioncache=no');

cordova inappBrowser plugin pass username and password to URL

2 Answers2