87

我正在尝试获取登录到我的应用程序的用户的 facebook 个人资料图片。Facebook 的 API 声明http://graph.facebook.com/517267866/?fields=picture将正确的 URL 作为 JSON 对象返回。

我想从我的代码中获取图片的 URL。我尝试了以下方法,但我在这里遗漏了一些东西。

 var url = 'http://graph.facebook.com/517267866/?fields=picture';

 http.get(url, function(res) {
      var fbResponse = JSON.parse(res)
      console.log("Got response: " + fbResponse.picture);
    }).on('error', function(e) {
      console.log("Got error: " + e.message);
 });

运行此代码会产生以下结果:

undefined:1

^
SyntaxError: Unexpected token o
    at Object.parse (native)
4

6 回答 6

158

回调中的res参数http.get()不是正文,而是http.ClientResponse对象。你需要组装身体:

var url = 'http://graph.facebook.com/517267866/?fields=picture';

http.get(url, function(res){
    var body = '';

    res.on('data', function(chunk){
        body += chunk;
    });

    res.on('end', function(){
        var fbResponse = JSON.parse(body);
        console.log("Got a response: ", fbResponse.picture);
    });
}).on('error', function(e){
      console.log("Got an error: ", e);
});
于 2012-08-06T10:27:42.700 回答
52

其他答案的问题:

  • 不安全JSON.parse
  • 无响应码检查

这里的所有答案都JSON.parse()不安全的方式使用。您应该始终将所有调用JSON.parse()放在一个try/catch块中,尤其是当您解析来自外部源的 JSON 时,就像您在此处所做的那样。

您可以使用它request来自动解析其他答案中未提及的 JSON。已经有一个使用request模块的答案,但它用于JSON.parse()手动解析 JSON - 它应该始终在块内运行try {} catch {}以处理不正确 JSON 的错误,否则整个应用程序将崩溃。并且发生了不正确的 JSON,相信我。

其他使用的答案http也使用JSON.parse()而不检查可能发生的异常并使您的应用程序崩溃。

下面我将展示几种安全处理它的方法。

所有示例都使用公共 GitHub API,因此每个人都可以安全地尝试该代码。

示例request

这是一个自动解析 JSON 的工作示例request

'use strict';
var request = require('request');

var url = 'https://api.github.com/users/rsp';

request.get({
    url: url,
    json: true,
    headers: {'User-Agent': 'request'}
  }, (err, res, data) => {
    if (err) {
      console.log('Error:', err);
    } else if (res.statusCode !== 200) {
      console.log('Status:', res.statusCode);
    } else {
      // data is already parsed as JSON:
      console.log(data.html_url);
    }
});

http带有和的示例try/catch

这使用-如果您想要 HTTP 连接https,只需更改https为:http

'use strict';
var https = require('https');

var options = {
    host: 'api.github.com',
    path: '/users/rsp',
    headers: {'User-Agent': 'request'}
};

https.get(options, function (res) {
    var json = '';
    res.on('data', function (chunk) {
        json += chunk;
    });
    res.on('end', function () {
        if (res.statusCode === 200) {
            try {
                var data = JSON.parse(json);
                // data is available here:
                console.log(data.html_url);
            } catch (e) {
                console.log('Error parsing JSON!');
            }
        } else {
            console.log('Status:', res.statusCode);
        }
    });
}).on('error', function (err) {
      console.log('Error:', err);
});

http带有和的示例tryjson

此示例与上面的示例类似,但使用了tryjson模块。(免责声明:我是该模块的作者。)

'use strict';
var https = require('https');
var tryjson = require('tryjson');

var options = {
    host: 'api.github.com',
    path: '/users/rsp',
    headers: {'User-Agent': 'request'}
};

https.get(options, function (res) {
    var json = '';

    res.on('data', function (chunk) {
        json += chunk;
    });

    res.on('end', function () {
        if (res.statusCode === 200) {
            var data = tryjson.parse(json);
            console.log(data ? data.html_url : 'Error parsing JSON!');
        } else {
            console.log('Status:', res.statusCode);
        }
    });
}).on('error', function (err) {
      console.log('Error:', err);
});

概括

使用的例子request是最简单的。但是,如果由于某种原因您不想使用它,请记住始终检查响应代码并安全地解析 JSON。

于 2016-09-21T09:15:46.423 回答
19

我认为对于像这样的简单 HTTP 请求,最好使用requestmodule。您需要使用 npm ( npm install request) 安装它,然后您的代码可能如下所示:

const request = require('request')
     ,url = 'http://graph.facebook.com/517267866/?fields=picture'

request(url, (error, response, body)=> {
  if (!error && response.statusCode === 200) {
    const fbResponse = JSON.parse(body)
    console.log("Got a response: ", fbResponse.picture)
  } else {
    console.log("Got an error: ", error, ", status code: ", response.statusCode)
  }
})
于 2015-08-31T00:47:30.130 回答
13

我正在使用get-json非常简单易用:

$ npm install get-json --save

进口get-json

var getJSON = require('get-json')

要执行GET请求,您将执行以下操作:

getJSON('http://api.listenparadise.org', function(error, response){
    console.log(response);
})
于 2017-12-31T16:44:00.523 回答
2

另一个解决方案是用户axios

npm install axios

代码将如下所示:

const url = `${this.env.someMicroservice.address}/v1/my-end-point`;

const { data } = await axios.get<MyInterface>(url, {
  auth: {
    username: this.env.auth.user,
    password: this.env.auth.pass
  }
});

return data;
于 2020-04-04T23:43:12.543 回答
0

Unirest 库大大简化了这一点。如果你想使用它,你必须安装unirestnpm 包。然后您的代码可能如下所示:

unirest.get("http://graph.facebook.com/517267866/?fields=picture")
  .send()
  .end(response=> {
    if (response.ok) {
      console.log("Got a response: ", response.body.picture)
    } else {
      console.log("Got an error: ", response.error)
    }
  })
于 2016-05-15T13:26:09.837 回答