blocks|key|505231|text|http.get()回调中的res参数不是主体，而是一个http.ClientResponse对象。你需要组装车身：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|505232|var+url+=+'http://graph.facebook.com/517267866/?fields=picture';

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

++++res.on('data',+function(chunk){
++++++++body+%2B=+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);
});|code-block|syntax|javascript|505233|entityMap|0|LINK|mutability|MUTABLE|url|http://nodejs.org/api/http.html#http_http_clientresponse^0|0|A|E|3|S|J|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

The <code>res</code> argument in the <code>http.get()</code> callback is not the body, but rather an <a href="http://nodejs.org/api/http.html#http_http_clientresponse" rel="noreferrer">http.ClientResponse</a> object. You need to assemble the body:

<pre><code>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);
});
</code></pre>

blocks|key|288558|text|我认为对于像这样的简单的超文本传输协议请求，最好使用request+module。你需要用npm+(npm+install+request)安装它，然后你的代码会是这样的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|288559|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)
++}
})|code-block|syntax|javascript|288560|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/request/request^0|Q|7|1E|J|Q|E|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

I think that for simple HTTP requests like this it's better to use the <a href="https://github.com/request/request"><code>request</code> module</a>. You need to install it with npm (<code>npm install request</code>) and then your code can look like this:

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

request(url, (error, response, body)=&gt; {
 if (!error &amp;&amp; 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)
 }
})
</code></pre>

blocks|key|288575|text|Unirest+library大大简化了这一点。如果你想使用它，你必须安装unirest+npm包。然后，您的代码可能如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|288576|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)
++++}
++})|code-block|syntax|javascript|288577|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Mashape/unirest-nodejs^0|11|7|0|F|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<a href="https://github.com/Mashape/unirest-nodejs" rel="nofollow">Unirest library</a> simplifies this a lot. If you want to use it, you have to install <code>unirest</code> npm package. Then your code could look like this:

<pre><code>unirest.get("http://graph.facebook.com/517267866/?fields=picture")
 .send()
 .end(response=&gt; {
 if (response.ok) {
 console.log("Got a response: ", response.body.picture)
 } else {
 console.log("Got an error: ", response.error)
 }
 })
</code></pre>

blocks|key|505296|text|我使用的get-json使用起来非常简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|505297|$+npm+install+get-json+--save|code-block|syntax|javascript|505298|导入get-json|style|CODE|505299|var+getJSON+=+require('get-json')|505300|要执行GET请求，您需要执行以下操作：|505301|getJSON('http://api.listenparadise.org',+function(error,+response){
++++console.log(response);
})|505302|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/get-json^0|4|8|0|0|0|2|8|0|0|3|3|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|15|8|@$A|16|B|17|K|L]]|9|@]|C|$]]|$1|M|3|N|5|F|7|18|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|19|8|@$A|1A|B|1B|K|L]]|9|@]|C|$]]|$1|Q|3|R|5|F|7|1C|8|@]|9|@]|C|$G|H]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

I'm using <a href="https://www.npmjs.com/package/get-json" rel="noreferrer">get-json</a> very simple to use:

<pre><code>$ npm install get-json --save
</code></pre>

Import <code>get-json</code>

<pre><code>var getJSON = require('get-json')
</code></pre>

To do a <code>GET</code> request you would do something like:

<pre><code>getJSON('http://api.listenparadise.org', function(error, response){
 console.log(response);
})
</code></pre>

blocks|key|288655|text|另一种解决方案是用户axios|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|288656|npm+install+axios|code-block|syntax|javascript|288657|代码将类似于：|288658|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;|288659|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/axios/axios^0|A|5|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Another solution is to user <a href="https://github.com/axios/axios" rel="nofollow noreferrer">axios</a>:

<pre><code>npm install axios
</code></pre>

Code will be like:

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

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

return data;
</code></pre>

I am trying to get the facebook profile picture of the user logged into my application. Facebook's API states that <code>http://graph.facebook.com/517267866/?fields=picture</code> returns the correct URL as a JSON object. 

I want to get the URL to the picture out of my code. I tried the following but I am missing something here.

<pre><code> 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);
 });
</code></pre>

Running this code results in the following:

<pre><code>undefined:1

^
SyntaxError: Unexpected token o
 at Object.parse (native)
</code></pre>

Calling a JSON API with Node.js

JSON

我正在尝试获取登录到我的应用程序的用户的facebook个人资料图片。Facebook的API指出，http://graph.facebook.com/517267866/?fields=picture以JSON对象的形式返回正确的URL。我想从我的代码中获得图片的URL。我尝试了下面的方法，但是我遗漏了一些东西。 v...

问使用Node.js调用JSON API
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Node.js调用JSON APIEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Node.js调用JSON API
EN