2017-11-28 24 views
1

Node.JS 파일에이 코드가 있습니다.Node.JS에서 JSON을 얻는 방법

var express = require('express'); 
var app = express(); 
var http = require('http').Server(app); 
var cfenv = require("cfenv"); 

var appEnv = cfenv.getAppEnv(); 

http.listen(appEnv.port, appEnv.bind); 

var PersonalityInsightsV2 = require('watson-developer-cloud/personality-insights/v2'); 

var personality_insights = new PersonalityInsightsV2({ 
    username: '<YOUR-USERNAME>', 
    password: '<YOUR-PASSWORD>' 
}); 

personality_insights.profile({ 
    text: "<YOUR-100-UNIQUE-WORDS>", 
    language: 'en' }, 
    function (err, response) { 
    if (err) 
     console.log('error:', err); 
    else 
     console.log(JSON.stringify(response, null, 2)); 
}); 

나는 API 호출을 보내고 그러나 당신이 볼 수 있듯이, 그것은 나에게 콘솔에서 JSON의 결과를 보여줍니다. JSON에서이 결과를 콘솔에 표시하고 HTML로 나에게 보여 주면 어떻게 할 수 있습니까? 대단히 감사합니다!

나는 문제가 console.log(JSON.stringify(res,null, 2));에 있지만, 나는 이것을 HTML에 넣는 방법을 모르겠다.

+0

브라우저에서 사용 하시겠습니까? – MotKohn

+0

JSON을 브라우저에 표시하는 로컬로 연결할 수있는 웹 서버 (예 : http : // localhost : 8080)를 만들 계획입니까? –

답변

0

브라우저의 HTML 페이지에서 JSON을보고 싶습니다. 이 같은 것이 도움이 될 것입니다. 그것은

var express = require('express'); 
var app = express(); 
var http = require('http').Server(app); 
var cfenv = require("cfenv"); 

var appEnv = cfenv.getAppEnv(); 

var myJson; 

// respond with JSON when a GET request is made to the index 
app.get('/', function (req, res) { 
    res.send(myJson) 
}) 

app.listen(appEnv.port); 

var PersonalityInsightsV2 = require('watson-developer-cloud/personality-insights/v2'); 

var personality_insights = new PersonalityInsightsV2({ 
    username: '<YOUR-USERNAME>', 
    password: '<YOUR-PASSWORD>' 
}); 

personality_insights.profile({ 
    text: "<YOUR-100-UNIQUE-WORDS>", 
    language: 'en' }, 
    function (err, response) { 
    if (err) 
     console.log('error:', err); 
    else 
     myJson = JSON.stringify(response, null, 2); 
}); 

이 시도하려면 브라우저에 "를 열 것입니다 당신이 appEnv.port을 사용하여 지정된 어떤 포트에서 수신 특급 서버를 시작하고 (다음 코드에 할당 될) myJson을 제공합니다 http://localhost:appEnv.port/ "(여기서 appEnv.port는 선택한 포트입니다). JSON 출력이 표시되어야합니다.

1

JSON을 HTML로 변환 할 수 없습니다. JSON은 데이터 형식입니다. HTML은 마크 업 언어입니다. 원하는 방식으로 HTML을 수동으로 생성 한 다음 JSON에서 값을 드롭해야합니다.

예를 들어, 당신이 뭔가를 할 수 있습니다 : 당신 같은 일부 HTML 줄 것

else { 
    const html = 
    `<!DOCTYPE html> 
    <body> 
    <p>${response.name}</p> 
    `; 
    console.log(html); 
} 

: 응답을 가정

<!DOCTYPE html> 
<body> 
<p>Bob</p> 

name의 값을 갖는다.