Edit item message to flex message

@@ -5,6 +5,7 @@ const axios = require('axios').default;
 const bodyParser = require('body-parser');
 const bodyParser = require('body-parser');
 
 
 app.use(bodyParser.json());
 app.use(bodyParser.json());
+app.use('/images', express.static('images'));
 
 
 const channelToken = 'Bearer ZVI571ynUAVT0U44734ziyjVtStYiUi2UA4txCgVUvugv5YQwToMDgE991Sd4UbsZtJpBhXEtQKX/YkvQVx0PgH9F7qy75eUR0iKMwz33RXD5BG8JuFZ67FqR/GXZQNSk+kXHMBVnCQPeeNqTNn5MgdB04t89/1O/w1cDnyilFU=';
 const channelToken = 'Bearer ZVI571ynUAVT0U44734ziyjVtStYiUi2UA4txCgVUvugv5YQwToMDgE991Sd4UbsZtJpBhXEtQKX/YkvQVx0PgH9F7qy75eUR0iKMwz33RXD5BG8JuFZ67FqR/GXZQNSk+kXHMBVnCQPeeNqTNn5MgdB04t89/1O/w1cDnyilFU=';
 
 
@@ -59,15 +60,49 @@ function onMessage(message, replyToken) {
 }
 }
 
 
 function recommendItem(charAlias, replyToken) {
 function recommendItem(charAlias, replyToken) {
-    let sql = 'SELECT n.`alias`, i.`name` FROM `character_aliases` a JOIN `character_items` c ON a.`character_id`=c.`character_id` JOIN `character_aliases` n ON c.`character_id`=n.`character_id` JOIN `items` i ON c.`item`=i.`id` WHERE a.`alias`=? AND n.`is_name`=1 ORDER BY c.`count` DESC LIMIT 0,5';
+    let sql = 'SELECT n.`alias`, i.`id`, i.`name` FROM `character_aliases` a JOIN `character_items` c ON a.`character_id`=c.`character_id` JOIN `character_aliases` n ON c.`character_id`=n.`character_id` JOIN `items` i ON c.`item`=i.`id` WHERE a.`alias`=? AND n.`is_name`=1 ORDER BY c.`count` DESC LIMIT 0,5';
     pool.query(sql, [charAlias]).then(function([results]) {
     pool.query(sql, [charAlias]).then(function([results]) {
         let reply;
         let reply;
         if(results.length == 0)
         if(results.length == 0)
-            reply = '데이터가 없습니다.';
+            reply = {type: 'text', text: '데이터가 없습니다.'};
         else
         else
-            reply = `${results[0].alias}의 추천 아이템은 ${results.map(e => e.name).join(', ')} 입니다.`;
-
-        replyMessage(replyToken, [{type: 'text', text: reply}]);
+            reply = {
+                type: 'flex',
+                altText: `${results[0].alias}의 추천 아이템은 ${results.map(e => e.name).join(', ')} 입니다.`,
+                contents: {
+                    type: 'bubble',
+                    size: 'kilo',
+                    body: {
+                        type: 'box',
+                        layout: 'vertical',
+                        alignItems: 'flex-start',
+                        contents: [
+                            {type: 'text', text: `${results[0].alias}의 추천 아이템`}
+                        ].concat(results.map(e => ({
+                            type: 'box',
+                            layout: 'horizontal',
+                            alignItems: 'center',
+                            justifyContent: 'flex-start',
+                            spacing: 'md',
+                            contents: [
+                                {
+                                    type: 'image',
+                                    url: `https://jongro3.ga/images/items/${e.id.toString().padStart(2, '0')}.png`,
+                                    size: 'xxs',
+                                    flex: 0
+                                },
+                                {
+                                    type: 'text',
+                                    text: e.name,
+                                    flex: 0
+                                }
+                            ]
+                        })))
+                    }
+                }
+            };
+
+        replyMessage(replyToken, [reply]);
     });
     });
 }
 }