การทำ custom payload line บน Dialogflow


////////////////////////////////////////// for flex message //////////////////////////
{
  "line": {
      "type": "flex",
        "altText": "ข้อความที่แสดง",
        "contents":
                       
                                  /// json from flex message simulator
                       
              }
}

////////////////////////////////////////////  carousel  //////////////////

{
  "line":


          ////  json from line bot designer

       
}

/////////////////////////////////////////////  flex message ////////////////////////
{
  "line": {
      "type": "flex",
        "altText": "ข้อความที่แสดง",
        "contents":
{

    "type": "bubble",
    "styles": {
      "footer": {
        "backgroundColor": "#42b3f4"
      }
    },
    "header": {
      "type": "box",
      "layout": "horizontal",
      "contents": [
        {
          "type": "box",
          "layout": "baseline",
          "contents": [
            {
              "type": "icon",
              "size": "xxl",
              "url": "https://modcumram.com/logo_sapa.png"
            }
          ]
        },
        {
          "type": "box",
          "layout": "vertical",
          "flex": 5,
          "contents": [
            {
              "type": "text",
              "text": "รายงานสภาพอากาศ",
              "weight": "bold",
              "color": "#aaaaaa",
              "size": "md",
              "gravity": "top"
            },
            {
              "type": "text",
              "text": "ข้อมูลกรมอุตุนิยมวิทยา",
              "weight": "bold",
              "color": "#aaaaaa",
              "size": "lg",
              "gravity": "top"
            }
          ]
        }
      ]
    },
    "hero": {
      "type": "image",
      "url": "https://img.tsood.com/userfiles/image/3-1(10).jpg",
      "size": "full",
      "aspectRatio": "1:1",
      "aspectMode": "cover",
      "action": {
        "type": "uri",
        "uri": "https://www.tmd.go.th/programs/uploads/satda/latest.jpg"
      }
    },
    "body": {
      "type": "box",
      "layout": "vertical",
      "contents": [
        {
          "type": "text",
          "margin": "sm",
          "text": "สภาพอากาศและการจราจร",
          "weight": "bold",
          "size": "md",
          "wrap": true
        },
        {
          "type": "box",
          "layout": "vertical",
          "margin": "xs",
          "contents": [
            {
              "type": "box",
              "layout": "baseline",
              "spacing": "sm",
              "contents": [
                {
                  "type": "text",
                  "text": "ที่มาข้อมูล กรมอุตินิยมวิทยาและ จส.100",
                  "wrap": true,
                  "color": "#666666",
                  "size": "sm",
                  "flex": 6
                }
              ]
            }
          ]
        }
      ]
    },
    "footer": {
      "type": "box",
      "layout": "vertical",
      "spacing": "sm",
      "contents": [
        {
          "type": "button",
          "style": "link",
          "color": "#FFFFFF",
          "height": "sm",
          "action": {
            "type": "message",
            "label": "พยากรณ์อากาศประจำวัน",
            "text": "อากาศกรุงเทพ"
          }
        },
        {
          "type": "button",
          "style": "link",
          "color": "#FFFFFF",
          "height": "sm",
          "action": {
            "type": "uri",
            "label": "ภาพถ่ายเรดาร์ฝน",
            "uri": "https://www.tmd.go.th/programs/uploads/satda/latest.jpg"
          }
        },
        {
          "type": "button",
          "style": "link",
          "color": "#FFFFFF",
          "height": "sm",
          "action": {
            "type": "uri",
            "label": "เรดาห์ตรวจอากาศ",
            "uri": "http://rain.tvis.in.th/rain_predict_android.php?lat=13.753364&lon=100.4954246"
          }
        },
        {
          "type": "button",
          "style": "link",
          "color": "#FFFFFF",
          "height": "sm",
          "action": {
            "type": "message",
            "label": "การจราจรและอุบัติเหตุ",
            "text": "อุบัติเหตุ"
          }
        }
      ]
    }
  }
}
}
//////////////////////////////////////  carousel ///////////

{
  "line": {
    "type": "template",
    "altText": "บทความ",
    "template": {
      "type": "carousel",
      "actions": [],
      "columns": [
        {
          "thumbnailImageUrl": "https://sirichaiwatt.com/wp-content/uploads/2018/03/SirichaiwattAtt-01-326x236.jpg",
          "title": "บทความดีดี สร้างแรงบันดาลใจ",
          "text": "การพัฒนาตนเองแบบขี้เกียจ ๆ",
          "actions": [
            {
              "type": "uri",
              "label": "ดูรายละเอียด",
              "uri": "https://sirichaiwatt.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%94%E0%B8%B5%E0%B9%86/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9E%E0%B8%B1%E0%B8%92%E0%B8%99%E0%B8%B2%E0%B8%95%E0%B8%99%E0%B9%80%E0%B8%AD%E0%B8%87/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9E%E0%B8%B1%E0%B8%92%E0%B8%99%E0%B8%B2%E0%B8%95%E0%B8%99%E0%B9%80%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B8%82%E0%B8%B5%E0%B9%89%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%88%E0%B9%86"
            }
          ]
        },
        {
          "thumbnailImageUrl": "https://sirichaiwatt.com/wp-content/uploads/2017/07/Sirichaiwatt-Alife-01.jpg",
          "title": "บทความดีดี สร้างแรงบันดาลใจ",
          "text": "ปรับปรุง = พัฒนา ใช่ไหม ?",
          "actions": [
            {
              "type": "uri",
              "label": "ดูรายละเอียด",
              "uri": "https://sirichaiwatt.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%94%E0%B8%B5%E0%B9%86/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%99%E0%B9%88%E0%B8%B2%E0%B8%AD%E0%B9%88%E0%B8%B2%E0%B8%99/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%81%E0%B8%87%E0%B9%88%E0%B8%84%E0%B8%B4%E0%B8%94/%E0%B8%9B%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%9B%E0%B8%A3%E0%B8%B8%E0%B8%87-%E0%B8%9E%E0%B8%B1%E0%B8%92%E0%B8%99%E0%B8%B2"
            }
          ]
        },
        {
          "thumbnailImageUrl": "https://sirichaiwatt.com/wp-content/uploads/2016/09/Sirichaiwatt-OSTC-01-326x236.jpg",
          "title": "บทความดีดี สร้างแรงบันดาลใจ",
          "text": "หลอกตัวเองว่ามีความสุข แล้วสุขจริงหรือ?",
          "actions": [
            {
              "type": "uri",
              "label": "ดูรายละเอียด",
              "uri": "https://sirichaiwatt.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%94%E0%B8%B5%E0%B9%86/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%99%E0%B9%88%E0%B8%B2%E0%B8%AD%E0%B9%88%E0%B8%B2%E0%B8%99/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%98%E0%B8%A3%E0%B8%A3%E0%B8%A1%E0%B8%B0/%E0%B8%AB%E0%B8%A5%E0%B8%AD%E0%B8%81%E0%B8%95%E0%B8%B1%E0%B8%A7%E0%B9%80%E0%B8%AD%E0%B8%87%E0%B8%A7%E0%B9%88%E0%B8%B2%E0%B8%A1%E0%B8%B5%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%AA%E0%B8%B8%E0%B8%82"
            }
          ]
        }
      ]
    }
  }
}

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

แจ้งเตือนเข้าไลน์กลุ่ม ผ่าน Line notify เมื่อมีคน login เข้า server ของเราผ่าน SSH (linux) หรือ remote desktop เข้ามา (windows server)

รูปภาพ
   เนื่องจาก server ที่ทำงานผมส่วนใหญ่เป็น Linux  และ Windows server มีจำนวนหลายตัวในความดูแล มี admin หลายคนช่วยกันดูแล เพื่อความปลอดภัย จึงอยากทำระบบขึ้นมา หากมีใครพยายาม Login เข้า server เพื่อจะทำอะไร  จะให้แจ้งเตือนเข้าไลน์กลุ่มของผู้ดูแลระบบ  ไม่ยากครับ   สำหรับการสมัคร line notfiy สามารถหาอ่านได้จากเว็บทั่วไป หรือจากบทความเก่าๆ ของผมได้น่ะครับ https://havespirit.blogspot.com/2017/02/line-notify-php.html   ในบทความนี้จะไม่ขอกล่าวถึงการสมัคร Line notify น่ะครับ  หลังจากสมัครแล้ว ก็ให้เชิญเข้ากลุ่มที่จะแจ้งเตือน และเราจะเอา Line token มาใช้               สำหรับ  Linux การ ssh เข้าไปเป็น root น่ะครับ ส่วน user อื่น ก็แก้ไขได้ครับ เปลี่ยนจาก /root เป็น user ที่เราต้องการครับ                 สำหรับ windows server เมื่อมีการ remote desktop เข้าไปทำงาน มันจะแจ้งเตือนผ่านไลน์กลุ่ม ว่ามีคน remote desktop เข้า server มีการทำ 2 ส่วน คือ code php สำหรับการแจ้งเตื...
อ่านเพิ่มเติม

การประยุกต์ใช้ line notify ในการแจ้งปัญหาการใช้งาน สำหรับ php

รูปภาพ
   ที่ทำงานผมมีระบบ การแจ้งปัญหาการใช้งานอินเทอร์เน็ต ผ่านเว็บไซด์อินทรา ปัญหาก็คือ เมื่อ user แจ้งปัญหาแล้ว ต้องมานั่งดูหน้าจอรับแจ้งว่ามีปัญหาแจ้งมาหรือเปล่า ซึ่งไม่ค่อยสะดวก ต้องให้ helpdesk นั่งเฝ้าหน้าจออยู่ตลอดเวลา เมื่อหน้าจอขึ้นมาว่ามีปัญหา จึงแจ้งกับน้องๆ ma ผ่านทาง ไลน์ หรือโทรศัพท์ ให้ไปแก้ปัญหาตามที่รับแจ้ง  ซึ่งที่ทำงานผม มีสำนักงานอยู่ 4 สาขา ระยะห่างกันประมาณ 3-5 กิโลเมตร ซึ่งดูแล้วขั้นตอนการแจ้งปัญหา ไม่มีปัญหา เนื่องจากผ่านเว็บไซด์ แต่ขั้นตอนที่ปัญหาก็คือ หลังจาก user แจ้งแล้ว และจะดูหน้าจอแจ้งปัญหาได้ ก็เฉพาะใช้ wifi ในที่ทำงานเท่านั้น เนื่องจากเป็นอินทราเน็ต เหตุผลเรื่องความปลอดภัย หน้าจอรับแจ้งปัญหาครับ สำหรับ user แจ้งปัญหา ปัญหา 1. helpdesk ต้องนั่งดูหน้าจอตลอดเวลา ถ้ามีคนแจ้ง ก็แจ้งน้องๆ ma ต่อไปผ่านไลน์ หรือมือถือ 2. ที่ทำงาน มี 4 สาขา  น้อง ma นั่งกระจายกันไป จะรู้ว่ามีปัญหาก็ต่อเมื่อ ดูหน้าจอ หรือ helpdesk ส่วนกลางแจ้งมา ทำให้ช้าต่อการแก้ปัญหา หน้าจอนี้สำหรับ helpdesk และเจ้าหน้าที่ ma ถ้ามี user แจ้งเข้ามา จะมีรายก...
อ่านเพิ่มเติม

การทำ cloud iot ด้วย thingsboard ไว้ใช้เองครับ

รูปภาพ
  ปัจจุบันอุปกรณ์พวก IOT เช่น  Arduino หรือ Raspberry ถูกนำมาใช้กันอย่างแพร่หลาย เมื่อต้องการเก็บข้อมูลเราต้องใช้บริการพวก cloud iot ที่มีอยู่อย่างหลากหลายเช่น Netpie , Thingspeak ,iottweet และอีกหลากหลาย แต่บริการเหล่านี้ เราต้องฝากข้อมูลไว้ที่ข้างนอก ซึ่งอาจจะไม่ปลอดภัย ทางที่ดีที่สุด คือ เราควรเก็บข้อมูลเหล่านั้นไว้เอง thingsboard จึงเป็นทางเลือกที่หน้าสนใจ และเป็น open source ด้วย และมี widget graph ต่างๆ สวยงาม การติดตั้งบนระบบปฏิบัติการ windows  ให้ติดตั้ง webserver ให้เรียบร้อยก่อน เช่น wamp หรือ xampp เป็นต้น 1. install java 8    https://java.com/en/download/ 2. install   (คู่มือ  https://thingsboard.io/docs/user-guide/install/windows/ )      DataStax   64 bit  http://downloads.datastax.com/community/datastax-community-64bit_3.0.9.msi    DataStax 32 bit  http://downloads.datastax.com/community/datastax-community-32bit_3.0.9.msi 3.สร้าง folder สำหรับไฟล์ เช่น   " C:\thingsboa...
อ่านเพิ่มเติม