[LINE] デフォルトアクションとマルチアクションを試してみた

# 前提

<img width="865" alt="スクリーンショット 2018-05-25 午前10.59.47.png (192.0 kB)" src="https://img.esa.io/uploads/production/attachments/6751/2018/05/25/24693/20c5c659-d3fa-4fb0-b35d-865b1935bd15.png">


# Push Message API

### HTTPリクエスト

*  POST https://api.line.me/v2/bot/message/push

#### リクエストヘッダー 
* Content-Type 	application/json
* Authorization 	Bearer {channel access token}

### 説明
| プロパティ | タイプ | 必須 | 説明 |
|:-----------:|:------------:|:------------:|:------------:|
| defaultAction | アクションオブジェクト | 任意 |画像、タイトル、テキストの領域全体に対して設定できる、タップされたときのアクション|

## サンプル

```:curl
curl -X POST -H 'Content-Type:application/json' -H 'Authorization: Bearer {トークン}' -d '{
    "messages": [
        {
            "altText": "かご落ち商品",
            "template": {
                "columns": [
                    {
                        "actions": [
                            {
                                "label": "詳細はこちら▶︎",
                                "type": "uri",
                                "uri": "https://google.com"
                            }
                        ],
                        "defaultAction": {
                            "type": "uri",
                            "label": "defaultAction",
                            "uri": "http://yahoo.co.jp"
                        },
                        "text": "￥1000",
                        "thumbnailImageUrl": "http://sample.com",
                        "title": "サンプルタイトル"
                    }
                ],
                "type": "carousel"
            },
            "type": "template"
        }
    ],
    "to": "{LINEUserID}"
}' \https://api.line.me/v2/bot/message/push
```

## イメージ画像

<img width="614" alt="スクリーンショット 2018-07-11 午後7.19.12.png" src="https://qiita-image-store.s3.amazonaws.com/0/102862/9cab9e7f-c052-793b-ef48-ce27b5053ac7.png">

## defaultAction をクリックした場合に、Yahoo!のページに遷移

<img width="609" alt="スクリーンショット 2018-07-11 午後7.21.58.png" src="https://qiita-image-store.s3.amazonaws.com/0/102862/d7e51fdf-d36d-bdb6-82c2-3283ce6369be.png">


## 通常のActionをクリックした場合に、googleのページに遷移

<img width="613" alt="スクリーンショット 2018-07-11 午後7.22.26.png" src="https://qiita-image-store.s3.amazonaws.com/0/102862/d37dcbde-7a1d-e94f-ad9b-9fbb7f1b30e9.png">


# マルチアクションについて

### 説明

* 複数のアクションを指定することができる　(最大3個まで)
* カルーセルで複数配信した場合に、異なるアクション数では配信することは出来ない

| プロパティ | タイプ | 必須 | 説明 |
|:-----------:|:------------:|:------------:|:------------:|
| actions | アクションオブジェクトの配列 | 任意 |タップされたときのアクション 最大件数：3|

## sample

```
curl -X POST -H 'Content-Type:application/json' -H 'Authorization: Bearer {トークン}' -d '{
    "messages": [
  {
            "type":"text",
            "text":"★カートに商品が残っています★\nお買い忘れはございませんか？"
        },
        {
            "altText": "かご落ち商品",
            "template": {
                "columns": [
                    {
                        "actions": [
                            {
                                "type": "uri",
                                "label": "商品詳細はこちら▶︎",
                                "uri": "https://www.sample.com"
                            },
                            {  
                               "type":"uri",
                               "label":"TOPはこちら▶︎",
                               "uri":"https://www.sample.com"
                            }
                        ],
                        "text": "￥886",
                        "thumbnailImageUrl": "https://www.sample.com",
                        "title": "マルチビタミン"
                    },
                    {
                        "actions": [
                            {
                                "type": "uri",
                                "label": "詳細はこちら2▶︎",
                                "uri": "https://www.sample.com"
                            },
                            {  
                               "type":"uri",
                               "label":"Buy2",
                               "uri":"https://www.sample.com"
                            }
                        ],
                        "text": "ビタミンサンプル",
                        "thumbnailImageUrl": "https://www.sample.com",
                        "title": "マルチビタミン"
                    }
                ],
                "type": "carousel"
            },
            "type": "template"
        }
    ],
    "to": "{LINEUserID}"
}' \https://api.line.me/v2/bot/message/push
```

## イメージ画像
<img width="617" alt="スクリーンショット 2018-07-11 午後7.20.40.png" src="https://qiita-image-store.s3.amazonaws.com/0/102862/17a57314-77f3-5ec8-4e36-177823f39b64.png">