정민혁 / TermProject_KakaoBot

Go to a project
Toggle navigation Toggle navigation pinning
정민혁
72252082 1 parent 54182df6

앱 사용설명을 담은 간단한 웹페이지를 express-generator로 생성된 템플릿을 이용하여 작성- index.js,index.ejs,sty… 

…le.css 수정,favicon추가, message.js마이너 수정
Inline Side-by-side
Showing 30 changed files with 58 additions and 6 deletions
No preview for this file type
No preview for this file type
No preview for this file type
body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
color: black;
background-color: lightyellow;
}
a {
color: #00B7FF;
}
h1 {
text-align: center;
}
h2 {
text-align: center;
}
p {
text-align: center;
font-size: medium;
}
......
......@@ -3,7 +3,16 @@ var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Kakao Bot!' });
res.render('index', {
title: 'Kakao Bot',
subtitle: "카카오봇 사용법",
image1: "/images/instruction1.png",
image2: "/images/instruction2.png",
image3: "/images/instruction3.png",
instruction1: "1. 친구 탭에서 동그라미 표시된 돋보기모양의 검색 버튼을 누르세요.",
instruction2: "2. '정민혁_번역,트랜드검색수치_봇' 을 검색합니다",
instruction3: "3. 친구 추가를 한 뒤 채팅하기를 눌러 채팅방을 열고 이용을 시작합니다!"
});
});
module.exports = router;
......
......@@ -88,6 +88,9 @@ app.post('/', function(req, res) {
"message": {
// Naver API Translate 결과를 Kakao Message
"text": objBody.message.result.translatedText
},"keyboard": {
"type": "buttons",
"buttons":["설정", "번역","트랜드 검색"]
}
};
// Kakao Message API 전송
......@@ -104,6 +107,10 @@ app.post('/', function(req, res) {
"message": {
"text": response.statusCode
},
"keyboard": {
"type": "buttons",
"buttons":["설정", "번역","트랜드 검색"]
}
};
// Kakao에 Error Message
......@@ -152,6 +159,9 @@ app.post('/', function(req, res) {
let message = {
"message": {
"text": response.body
},"keyboard": {
"type": "buttons",
"buttons":["설정", "번역","트랜드 검색"]
}
};
......@@ -165,6 +175,9 @@ app.post('/', function(req, res) {
let message = {
"message": {
"text": response.statusCode
},"keyboard": {
"type": "buttons",
"buttons":["설정", "번역","트랜드 검색"]
}
};
res.set({
......@@ -263,7 +276,7 @@ app.post('/', function(req, res) {
},
"keyboard": {
"type": "buttons",
"buttons":["설정", "번역","사전"]
"buttons":["설정", "번역","트랜드 검색"]
}
});
}
......
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<title><%= title %>!</title>
<link rel='stylesheet' href='/stylesheets/style.css'>
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
<style> div{text-align: center;}</style>
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<h1 style="border: 1px solid black"><span style="color:yellow"><%= title %></span> 에 오신걸 환영합니다!</h1>
<h2><%= subtitle %></h2>
<p><img src=<%= image1 %> width="250" /></p>
<p><%=instruction1%></p>
<p><img src=<%= image2%> width="250" /></p>
<p><%=instruction2%></p>
<p><img src=<%= image3%> width="250" /></p>
<p><%=instruction3%></p>
<a href="http://developers.naver.com" target="_blank">
</br>
</br>
<p><img src="/images/2-1. NAVER OpenAPI_c_hor.png" alt="NAVER 오픈 API" width=400 /></p>
</a>
<a href="https://developers.kakao.com/" target="_blank">
<p><img src="/images/kakaolink_btn_medium.png" alt="카카오 Developers" width=100 /></p>
</a>
</body>
</html>
......