곽윤철 / youtube-comment-seperator

Go to a project
Toggle navigation Toggle navigation pinning
곽교린
595e942d 1 parent ee669977

유튜브 동영상 주소 입력하면 영상하고 코멘트 불러오는 기본적인 구조는 짜놈.

Inline Side-by-side
Showing 2 changed files with 145 additions and 13 deletions
1 +var http = require('http');
2 +var fs = require('fs'); //모듈이라 부름
3 +var url = require('url');
4 +var testFolder = './data';
5 +var qs = require('querystring');
6 +var path = require('path');
7 +const {google} = require("googleapis");
8 +const service = google.youtube('v3');
9 +const apiKey = 'AIzaSyCjBrFKnBlGvxsfOD-qJP8nBkdEoqKRHu8'; //api키
10 +let videoNum = "TpPwI_Lo0YY"; //비디오 주소(예시)
11 +var commentList = new Array();
12 +var commentNum = 0;
13 +var savednpt = ''
14 +
15 +function loadcomment(ApiKey, VideoNum, npt, n){
16 + return service.commentThreads.list({
17 + "key":ApiKey,
18 + "part":[
19 + "snippet, replies"
20 + ],
21 + "videoId":VideoNum,//비디오 주소
22 + "maxResults" : 50,
23 + "pageToken" : npt
24 + }).then(function(response) {
25 + //console.log("Response", response);
26 + for(let iter = 0; iter < response.data.pageInfo.totalResults; iter++){
27 + let tempComment = {
28 + 'name' : response.data.items[iter].snippet.topLevelComment.snippet.authorDisplayName,
29 + 'image' : response.data.items[iter].snippet.topLevelComment.snippet.authorProfileImageUrl,
30 + 'text' : response.data.items[iter].snippet.topLevelComment.snippet.textDisplay
31 + }
32 + commentList.push(tempComment);
33 + commentNum += 1;
34 + }
35 + //console.log(response.data.items[0].snippet.topLevelComment.snippet.textDisplay);
36 + //console.log(response.data.items[1].snippet.topLevelComment.snippet.textDisplay);
37 + npt = response.data.nextPageToken;
38 +
39 + if(response.data.pageInfo.totalResults == response.data.pageInfo.resultsPerPage){
40 + if( n > 1 ){
41 + loadcomment(ApiKey, VideoNum, npt, n - 1);
42 + }else{
43 + savednpt = npt; //만약 댓글을 n번 불러온 후에 댓글이 더 남아있으면 savednpt 갱신
44 + }
45 + }else{
46 + console.log('end page'); // 댓글의 마지막 페이지
47 + }
48 + },
49 + function(err) { console.error("Execute error", err); });
50 +}
51 +
52 +var app = http.createServer(function(request,response){ // request는 브라우저가 주는 정보, response는 우리가 브라우저에게 줄 정보
53 + var _url = request.url; // query string이 담김 ex) /?id=HTML
54 + var queryData = url.parse(_url, true).query; // query string을 추출하였음 나중에 불러올때는 queryData.(값의 이름)
55 + var pathname = url.parse(_url,true).pathname;
56 + var body;
57 + if(pathname === '/'){
58 + body = `
59 + <!doctype html>
60 + <html>
61 + <head>
62 + <title>Youtube Comment</title>
63 + <meta charset="utf-8">
64 + </head>
65 + <body>
66 + <form action="http://localhost:3000/search" method="get">
67 + <p>
68 + <textarea name="videourl" placeholder="Write your video Url"></textarea>
69 + </p>
70 + <p>
71 + <input type="submit">
72 + </p>
73 + </form>
74 + </body>
75 + </html>
76 + `;
77 + response.writeHead(200);
78 + response.end(body);
79 + }
80 + else if(pathname === '/search'){
81 + videoNum = queryData.videourl;
82 + console.log(videoNum);
83 + let npt = ""
84 + loadcomment(apiKey,videoNum,npt,2).then(()=>{
85 + setTimeout(()=>{ //딜레이를 주어 강제로 댓글을 여러번 불러오도록 구현, async화 필요.
86 + let commentDisplay = "";
87 + console.log(commentNum);
88 + for(let iterArr = 0; iterArr < commentNum; iterArr++){
89 + commentDisplay += `<br>${commentList[iterArr].name}<br>${commentList[iterArr].text}<br><br>`
90 + }
91 + body = `
92 + <!doctype html>
93 + <html>
94 + <head>
95 + <title>Youtube Comment</title>
96 + <meta charset="utf-8">
97 + </head>
98 + <body>
99 + <form action="http://localhost:3000/search" method="get">
100 + <p>
101 + <textarea name="videourl" placeholder="Write your video Url" value="${videoNum}"></textarea>
102 + </p>
103 + <p>
104 + <input type="submit">
105 + </p>
106 + </form>
107 + <br>
108 + <br>
109 + <iframe width="560" height="315" src="https://www.youtube.com/embed/${videoNum}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
110 +
111 + <br>
112 + <br>
113 + ${commentDisplay}
114 + </body>
115 + </html>
116 + `;
117 + response.writeHead(200);
118 + response.end(body);
119 + },1000);
120 +
121 + })
122 + }
123 +});
124 +app.listen(3000);
...\ No newline at end of file ...\ No newline at end of file
1 -//https://www.npmjs.com/package/youtube-v3-api 1 +//https://developers.google.com/youtube/v3/docs/commentThreads/list
2 //http://khuhub.khu.ac.kr/2019102147/youtube-comment-seperator.git 2 //http://khuhub.khu.ac.kr/2019102147/youtube-comment-seperator.git
3 3
4 const apiKey = 'AIzaSyCjBrFKnBlGvxsfOD-qJP8nBkdEoqKRHu8'; 4 const apiKey = 'AIzaSyCjBrFKnBlGvxsfOD-qJP8nBkdEoqKRHu8';
5 +let videoNum = "m1gHR4dJhKU";
5 const {google} = require("googleapis"); 6 const {google} = require("googleapis");
6 const service = google.youtube('v3'); 7 const service = google.youtube('v3');
8 +var npt = ""
7 9
8 -service.commentThreads.list({ 10 +for(let i = 0; i < 3; i++){
9 - "key":apiKey, 11 + console.log(npt);
10 - "part":[ 12 + service.commentThreads.list({
11 - "snippet, replies" 13 + "key":apiKey,
12 - ], 14 + "part":[
13 - "videoId":"m1gHR4dJhKU"//비디오 주소 15 + "snippet, replies"
14 -}).then(function(response) { 16 + ],
15 - console.log("Response", response); 17 + "videoId":videoNum,//비디오 주소
16 - console.log(response.data.items[0].snippet.topLevelComment.snippet.textDisplay) 18 + "maxResults" : 10,
17 - console.log(response.data.items[1].snippet.topLevelComment.snippet.textDisplay) 19 + "pageToken" : npt
18 - }, 20 + }).then(function(response) {
19 - function(err) { console.error("Execute error", err); }); 21 + console.log("Response", response);
22 + console.log(response.data.items[0].snippet.topLevelComment.snippet.textDisplay);
23 + console.log(response.data.items[1].snippet.topLevelComment.snippet.textDisplay);
24 + npt = JSON.parse(response.data.nextPageToken);
25 + },
26 + function(err) { console.error("Execute error", err); });
27 +}
20 28
21 29
22 /* 30 /*
......