How to make an authenticated request to Shopify?

Ionic Framework ionic-v3
1

Dear all !
I want to fetch customers from Shopify store to ionic service,
I sent a get request to Shopify using postman, there is not problem, I chose authorization type: Basic Auth

My question is how to format this request in ionic?
Please help me

postman screenshot

postman
postman.PNG1090×648 30.9 KB

2

What does it have to do with Ionic?
Ionic doesn’t provide you some “Special” http service or something.

3

dear @ekhmoi thanks for replying
I have built a shopping cart, in this app what customers can do; register them self, add product to cart and send order.

in back-end I need to do the following:

  1. send a get request to shopify to fetch products
  2. send a get request to shopify to fetch collections
  3. send a get request to shopify to fetch customers
  4. send a post request to shopify to store orders
  5. send a post request to shopify to store customers

my problem:
in order to send request to shopify and if you choose auth-type as “Basic Auth” you need to provide a username and a password,
I have created the required username and password in shopify store

I can send the above requests to shopify using postman but I don’t know how to do in ionic 3?

4

I understood your problem. However it has nothing to do with Ionic. So asking the question here is not appropriate.
Anyways here is what you need to do.
First encode your username and password:

const encoded = btoa(username + ":" + password);

Then add this to your request headers:

import { Headers } from '@angular/http';

...

const headers = new Headers();
headers.append('Authorization', `Basic ${encoded}`);

const subscription = this.http.post(url, body, { headers });

Note: As you haven’t provided any code this might not exactly work for you with copy paste (you might be using HttpClient which uses HttpHeaders instead).

5

Thanks @ekhmoi for quick response
I applied the code but I’m getting unauthorized access
please help me if I’m missing anything.
actually I’m new in ionic
thank you

cod in home.ts file
2

console error

1
1.PNG1369×106 17.4 KB

If I add access-control-allow-origin to header
3

then I get this error in the console

4
4.PNG1271×104 16.7 KB

6

You might want to burn that username/password combo and redact it in the future.

7

Dear @rapropos I want to send the username and password to server to get token.

8

Dear @ekhmoi, do I need to send body with a post request? I’m sending the username and password in header, in this case I can send a get request right?
If my request is incorrect please tell me how to make a correct request ?
thank you