Making non-secure http requests in Android nativescript

Question

I am trying to make an http request from nativescript to a regular http (not https) server.

    let headers = new Headers();
    headers.append("Content-Type", "application/json");

    this.http.request(
        "http://localhost:3050/register", 
        {
            method: "POST",
            headers: headers,
            body: JSON.stringify({
                username: user.username,
                email: user.email,
                password: user.password
            })
        })

The request worked perfectly when made to an https server, but when made to an http server (which is the server I am currently running), it wouldn't work.

In iOS, I had to add the following in the info.plist file in order to allow the request to the http server, and after that it worked fine:

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

However, in Android, the request is still not working, and I cannot find any documentation about changes I need to make in order to get the request working to an http server. The request is not even hitting the server.

Any help is appreciated.

Thanks.

Nick Iliev · Accepted Answer · 2018-10-18 13:57:50Z

3

Localhost means the device you are running on. When using Android your loopback address is no longer the standard 127.0.0.1 (a.k.a. localhost) but something like 10.0.2.2 (it might differ depending on whether you are using AVD or GenyMotion)

More here

You can also use similar solution for cross-platform solution

edited Oct 18, 2018 at 13:57

answered Dec 28, 2016 at 7:54

Nick Iliev

9,6703 gold badges38 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bassel Over a year ago

Thank you, that did it. I thought the problem was with https but I was wrong :P

Thomas Maw Over a year ago

Thank you! I was trying to work out what the heck was going on for hours!

nicolas.f.g · Accepted Answer · 2020-03-12 22:56:43Z

I modified the AndroidManifest.xml located in app\App_Resources\Android\src\main from

    <application
        android:name="com.tns.NativeScriptApplication"
        android:allowBackup="true"
        android:icon="@drawable/icon"
        android:label="@string/app_name"
        android:theme="@style/AppTheme">

to

    <application
        android:name="com.tns.NativeScriptApplication"
        android:allowBackup="true"
        android:icon="@drawable/icon"
        android:label="@string/app_name"
        android:theme="@style/AppTheme"
        android:usesCleartextTraffic="true">

I added the last line: android:usesCleartextTraffic="true"

Then it worked!

See: https://www.nativescript.org/blog/secure-your-mobile-app-securing-data-in-transit

Collectives™ on Stack Overflow

Making non-secure http requests in Android nativescript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related