Node / Express / Angular Server side external API request

Question

I am using Angular to save form input to $scope.tag. I can't make a client side external API call with the form information as a parameter, so I need to pass it to the server to do. How can i achieve this?

The steps:

user submits form
client makes request to server
server makes request to external API
server sends response back to client

How can I achieve this?

  $scope.tag = '';

  // client side
  $http.get('/api')
    .then(function(response) {
      console.log(response);
  });

  // server side
  app.get('/api', function (req, res) {
  request('http://externalAPI.com/' + $scope.tag, function (req, res) {
    res.json(data);
    });
  });

quanfoo · Accepted Answer · 2015-09-18 23:53:32Z

3

You can do something like this:

// client side
  $http.post('/api', { tag: $scope.tag })
    .then(function(response) {
      console.log(response);
  });

  // server side
  app.post('/api', function (req, res) {
    console.log(req.query.tag);
    res.json({ status: 'success' });
  });

Just remember to include app.use(bodyParser.json()); before your routing middleware.

answered Sep 18, 2015 at 23:53

quanfoo

3652 silver badges9 bronze badges

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

3 Comments

kamerynn Over a year ago

and npm install body-parser and require it in the server js file since it comes separately now :P

Alex Over a year ago

This did not work. Using post gave me this error: Failed to load resource: net::ERR_CONNECTION_REFUSED

Alex Over a year ago

it seems like the post on the client side is not being made and giving me 404 (Not Found)

Collectives™ on Stack Overflow

Node / Express / Angular Server side external API request

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related