常連

Google Apps Script（以下、GAS）を使ったLIFFアプリの開発を考えています。
参考にしたのが、クラスメソッドさんが公開している以下のブログです。


⇒　[はじめてのLIFF #LINE_API](https://dev.classmethod.jp/articles/liff-tutorial/)

**----問題点----**
１．リンク先に記載されているhtmlとjavascriptのコードを以下の通りGASの3つのファイルに割り当てました。これによりボタン等のhtml要素は表示されますが、ボタンを押しても反応しない状態です。

２．liff.init()を実行するためにはliffIdが必要になると思うのですが、サンプルコードにはこれを入力する箇所がないように思えます。

~~３．webページ上にline.htmlファイルに記載したコードがそのまま表示されてしまいます。~~【5/17追記】<script　type="text/javascript">からtype="text/javascript"を削除することで解消されました。

line.htmlファイルの最初に記載しているSDKが読み込まれていないのではないかと考えていますが、対処の仕方がわからずにいます。

GASを使ってLIFFアプリが機能するようアドバイスをいただけませんでしょうか。
どうぞよろしくお願い致します。

**----コード.gsファイル----**

このファイルはhtmlファイルを読み込むために必要なものです。
```GoogleAppsScript
function doGet() {
  var htmlOutput = HtmlService.createTemplateFromFile('index').evaluate();
  htmlOutput
    .addMetaTag('viewport', 'width=device-width, initial-scale=1')
  return htmlOutput;
}

```

**----index.htmlファイル----**

head部分でJavaScriptファイルを読み込んでいます。

```GoogleAppsScript


<!DOCTYPE html>
<html lang="jp" dir="ltr">

  <head>
        <base target="_top">      
        <meta charset="utf-8">
        <title>LINEログイン</title>
        <?!= HtmlService.createHtmlOutputFromFile('line').getContent(); ?>         
  </head>

  <body>
     <p id="id"></p>
        <p>メッセージを送信する</p>
        <button id="message">Hello, world!</button>
        <p>プロフィールを取得する</p>
        <button id="profile">プロフィールを取得する</button>
        <p id="userId"></p>
        <p id="displayName"></p>
        <p id="pictureUrl"></p>
        <p id="statusMessage"></p>
        <p>URLを開く</p>
        <button id="open">クラスメソッドを開く</button>
        <p>LIFFアプリを閉じる</p>
        <button id="close">閉じる</button>
  </body>

</html>

```
**----line.htmlファイル----**
こちらでLIFFのSDKの読み込みや初期化を行い、完了するとLIFFのメソッドが使えるようになります。なお、SDKは最新版に修正しています。
```JavaScript　

<script src="https://static.line-scdn.net/liff/edge/2/sdk.js" charset="utf-8" ></script>
            
            <script　type="text/javascript">
            const idSPace = document.getElementById('id');
            const errorSpace = document.getElementById('error');

            //liff init
            liff.init(
                data => {
                    const userId = data.context.userId;
                    idSPace.innerText = userId;
                },
                err => {
                    console.log('error', err);
                }
            );
            </script>
            
            <script　type="text/javascript">
            document.getElementById('profile').addEventListener('click', function () {
                liff.getProfile()
                .then(profile => {
                    const userIdSpace = document.getElementById('userId');
                    const displayNameSpace = document.getElementById('displayName');
                    const pictureUrlSpace = document.getElementById('pictureUrl');
                    const statusMessageSpace = document.getElementById('statusMessage');

                    userIdSpace.innerText = profile.userId;
                    displayNameSpace.innerHTML = profile.displayName;
                    pictureUrlSpace.innerHTML = profile.pictureUrl;
                    statusMessageSpace.innerHTML = profile.statusMessage;

                })
                .catch((err) => {
                    console.log('error', err);
                });
            });
            </script>
            
            <script　type="text/javascript">
            document.getElementById('open').addEventListener('click', function () {
                liff.openWindow({
                    url: 'https://classmethod.jp/'
                });
            });
            </script>
            
            <script　type="text/javascript">
            document.getElementById('close').addEventListener('click', function () {
                liff.closeWindow();
            });
            </script>
            
            <script　type="text/javascript">
            document.getElementById('message').addEventListener('click', function () {
                liff.sendMessages([
                    {
                        type:'text',
                        text:'Hello, World!'
                    }
                ])
                .then(() => {
                    console.log('message sent');
                })
                .catch((err) => {
                    console.log('error', err);
                });
            });
            </script>
```

GASでLIFFアプリを動かしたいが、うまく動かない

### 実現したいこと

 Class "LINE\LINEBot\HTTPClient\CurlHTTPClient" not found を解決したい。

### 前提

以下を参考にして、LINEとの連携をLaravelで開発しております。

https://www.fourier.jp/techblog/articles/laravel-line-messaging-api/


設定は一通り終わったのですが、なぜか、CurlHTTPClientのコードを参照ができず、以下のエラーが表示されます。

`Class "LINE\LINEBot\HTTPClient\CurlHTTPClient" not found`

`composer require linecorp/line-bot-sdk`を既に走らせており、composer.jsonにはバージョンは８と表示されております。

同じエラーが出た方はいらっしゃいますでしょうか？

よろしくお願いいたします。

### 発生している問題・エラーメッセージ

```
Class "LINE\LINEBot\HTTPClient\CurlHTTPClient" not found
```


### 該当のソースコード

```PHP
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\Services\LineBotService as LINEBot;
use LINE\LINEBot\HTTPClient\CurlHTTPClient;

class LineWebhookController extends Controller
{
    public function message(Request $request)
    {
        $data = $request->all();
        $events = $data['events'];

        $httpClient = new CurlHTTPClient('XXXXXXXXXXXX'); //ここでエラー発生
        $bot = new LINEBot($httpClient, ['channelSecret' => 'XXXXXXXXXXXXXXXXXXXX']);

        foreach ($events as $event) {
            $response = $bot->replyText($event['replyToken'], 'メッセージ送信完了');
        }
        return;
    }
```

### 試したこと

`composer require linecorp/line-bot-sdk`

`composer update`

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。


Class "LINE\LINEBot\HTTPClient\CurlHTTPClient" not found エラー

LINEで通知したメッセージをGmailに自動で転送させたいのですが、
IFTTTというツールはGmailからLINEに転送させることしかできない感じです。
他に方法があれば、ご教示お願いいたします。

ラインの通知メッセージをGmailに転送したい

### 前提・実現したいこと

社内のポータルサイトからSeleniumを使って更新情報を取得しLINEに送りたい

### 発生している問題・エラーメッセージ

```
TypeError: push_message() missing 3 required positional arguments: 'self', 'to', and 'messages'
```

### 該当のソースコード
Seleniumで情報をとってくるところは省略しています。その部分は問題なく動作しています。
```Python
from selenium import webdriver
import time
import pyautogui as auto
from bs4 import BeautifulSoup
from linebot.models import TextSendMessage
from linebot.exceptions import LineBotApiError

ID = ''
PASS = ''

from linebot import LineBotApi
from linebot.models import TextSendMessage

LINE_CHANNEL_ACCESS_TOKEN=''



def main():
    main = 'test'
    user_id = ""
    send=LineBotApi.push_message()
    send(to=user_id, messages=TextSendMessage(text=main))

main()
```

### 試したこと
インスタンス化が行われないとこのエラーが出るらしく(?) `def main():`の記載を追加しましたが治りません。

### 補足情報（FW/ツールのバージョンなど）
かなりの初心者です。申し訳ありませんがインスタンス化がなにかもあまりよくわかっていません。

LINEのAPIでメッセージを送りたいがエラーが出ます

Pythonで、LINE BOTを作っているのですが、if文で、２ターン以上の会話の作り方がわからないです。（アルバイトで出退勤日記見たいのを毎回サイトを開くのが面倒くさいので、LINEに送るだけでスムーズに終わらせることができるシステムです。



```ここに言語を入力
@handler.add(MessageEvent, message=TextMessage)
def handle_message(event):
    if event.message.text == "ノジマログイン":
        line_bot_api.reply_message(
            event.reply_token,
            TextSendMessage("出勤ですか？公休ですか？"),
        )
        @handler.add(MessageEvent, answer=TextMessage)
        def handle_message(event):
            if event.answer.text == "公休":

                #公休をweb上で登録する処理

            elif event.answer.text == "出勤":
                line_bot_api.reply_message(
                   event.reply_token,
                   TextSendMessage("本日の所感を入力してください。"),
                )

                #受け取った所感をweb上に登録する処理

 　　　　　　　else:
                line_bot_api.reply_message(
                  event.reply_token,
                  TextSendMessage("最初からやり直してください。"),
                )
    else:
        pass
```

ざっくりいうと、こんな流れです。この状態だと、途中で会話が途切れます。
要は、出勤か公休かBOTに聞かれて、その答えに対するifの処理の書き方がわからいということです。

個人で使うものなので、最低限の機能さえあれば大丈夫です。だれか力を貸してください。。

PythonでLINE BOT開発で２ターン以上の会話の作り方がわからない。

### 実現したいこと

おうむ返しするLINEbotを作りたい

参考にしてるサイト: https://note.com/nkr_bet365/n/n4a93f5004510

### 発生している問題・エラーメッセージ
GASでコードを書いてウェブアプリのURLを取得した後Webhook設定で取得したURLを入れて検証するとエラーが出ます。
```
エラー
Webhookイベントオブジェクト送信時にタイムアウトが発生しました
```

### 該当のソースコード

```GAS
var CHANNEL_ACCESS_TOKEN = 'LINEのチャンネルアクセストークン';

function doPost(e) {
 var post_json = JSON.parse(e.postData.contents);
 var reply_token = post_json.events[0].replyToken;
 if (typeof reply_token === 'undefined') {
   return;
 }
 var message = post_json.events[0].message.text;
 var url = 'https://api.line.me/v2/bot/message/reply';
 
 UrlFetchApp.fetch(url, {
   'headers': {
     'Content-Type': 'application/json; charset=UTF-8',
     'Authorization': 'Bearer ' + CHANNEL_ACCESS_TOKEN,
   },
   'method': 'post',
   'payload': JSON.stringify({
     'replyToken': reply_token,
     'messages': [{
       'type': 'text',
       'text': message,
     }],
   }),
 });
 return ContentService.createTextOutput(JSON.stringify({'content': 'post ok'})).setMimeType(ContentService.MimeType.JSON);
}
```

### 試したこと

チャネルアクセストークンを再発行した
応答メッセージとあいさつメッセージが無効であることを確認した。

### 補足情報

超初心者です。よろしくお願いします。

LINEでbotを作りたいがうまくいかない

## 解決したいこと
RailsでLINEログインを実現したいのですがコールバックでこちらに戻った時にcsrfエラーとなってしまいます。設定に不備不足があるのでしょうか。
発生手順は以下です。

1. LINEログインクリック
2. アカウントパスワード入力
3. [次のアカウントでログイン]の画面でログインボタン押下
4. csrfエラー


## 発生している問題・エラーメッセージ
```
OmniAuth::Strategies::OAuth2::CallbackError
csrf_detected | CSRF detected
```


gem omniauthの以下でエラーが出ています
/vendor/bundle/ruby/2.6.0/gems/omniauth-oauth2-1.7.2/lib/omniauth/strategies/oauth2.rb

```ruby
   def callback_phase # rubocop:disable Metrics/AbcSize, Metrics/CyclomaticComplexity, Metrics/MethodLength, Metrics/PerceivedComplexity
     error = request.params["error_reason"] || request.params["error"]
     if !options.provider_ignores_state && (request.params["state"].to_s.empty? || request.params["state"] != session.delete("omniauth.state"))
       # ここでcsrfエラー
       fail!(:csrf_detected, CallbackError.new(:csrf_detected, "CSRF detected"))
request.params["error_reason"], request.params["error_uri"]))
・・・
   end
```
## 自分で調べたことや試したこと
LINEログインで用意したことは以下になります。

### Rails側
* Gemファイル
```
gem 'omniauth-line'
gem 'omniauth-rails_csrf_protection'
```

* config/initializers/omniauth.rb
```ruby
Rails.application.config.middleware.use OmniAuth::Builder do
  provider :line, (LINEチャネルID), (LINEチャネルシークレット)
end
```

* config/routes.rb
```ruby
  get "/auth/line/callback", to: "sessions#create"
```
* app/controllers/sessions_controller.rb
```ruby
class SessionsController < ApplicationController
  def create
    p request.env['omniauth.auth']
  end
```
* LINEログインのパス生成をしているコントローラ
```ruby
def index
  uri = URI("https://access.line.me/oauth2/v2.1/authorize")
  state = SecureRandom.hex(32)
  uri.query = {
    response_type: "code",
    client_id: (LINE チャネルID),
    redirect_uri: URI.encode("(アプリURL)/auth/line/callback"),
    state: state,
    scope: "openid",
  }.to_param
  # LINEログイン向けパス
  @line_login_path = uri.to_s
・・・
end
```

### LINEデベロッパー側
LINEログインチャネルの設定でコールバックURL設定
```
"(アプリURL)/auth/line/callback"
```

Rails LINEログインでCSRF detected

[LINE developers](https://developers.line.biz/ja/reference/messaging-api/#send-reply-message)のドキュメントの通りに `node.js` でpushメッセージを作成・実行しましたが、 `statusCode: 400` のエラーです。 

`ACCESS_TOKEN`は LINE developersのコンソールにある「チャンネルアクセストークン（長期）」を貼り付けてあります。
`pushMessage`の第一引数にはwebhookでpostしたデータにある`destination`（lineUserId）を貼り付けました。

サンプル文でエラーなので、`ACCESS_TOKEN`か `lineUserId` が間違えていると普通だと思うのですが、合っていそうなので何故なのかわからなくなってしまいました。
一応、shellでも試しましたが同じ `statusCode400` のエラーが出ました。（最後にエラー分を貼りました）


変更後のコピペしたコード
```
const line = require('@line/bot-sdk');
require('dotenv').config();

const client = new line.Client({
  channelAccessToken: process.env.ACCESS_TOKEN
});

const message = {
  type: 'text',
  text: 'Hello World!'
};

client.pushMessage('lineUserId', message)
  .then(() => {
    console.log('seccess');
  })
  .catch((err) => {
    console.log(err);
  });
```
エラー文
```
HTTPError: Request failed with status code 400
    at HTTPClient.wrapError (/Users/myname/sample/generate/node_modules/@line/bot-sdk/dist/http.js:89:20)
    at /Users/myname/sample/generate/node_modules/@line/bot-sdk/dist/http.js:19:88
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async HTTPClient.post (/Users/myname/sample/generate/node_modules/@line/bot-sdk/dist/http.js:33:21) {
  statusCode: 400,
  statusMessage: 'Bad Request',
  originalError: Error: Request failed with status code 400
      at createError (/Users/myname/sample/generate/node_modules/axios/lib/core/createError.js:16:15)
      at settle (/Users/myname/sample/generate/node_modules/axios/lib/core/settle.js:17:12)
      at IncomingMessage.handleStreamEnd (/Users/myname/sample/generate/node_modules/axios/lib/adapters/http.js:260:11)
      at IncomingMessage.emit (node:events:377:35)
      at endReadableNT (node:internal/streams/readable:1312:12)
      at processTicksAndRejections (node:internal/process/task_queues:83:21) {
    config: {
      url: 'https://api.line.me/v2/bot/message/push',
      method: 'post',
      data: '{"messages":[{"type":"text","text":"Hello World!"}],"to":"lineUserId","notificationDisabled":false}',
      headers: [Object],
      transformRequest: [Array],
      transformResponse: [Array],
      timeout: 0,
      adapter: [Function: httpAdapter],
      xsrfCookieName: 'XSRF-TOKEN',
      xsrfHeaderName: 'X-XSRF-TOKEN',
      maxContentLength: -1,
      maxBodyLength: -1,
      validateStatus: [Function: validateStatus]
    },
    request: ClientRequest {
      _events: [Object: null prototype],
      _eventsCount: 7,
      _maxListeners: undefined,
      outputData: [],
      outputSize: 0,
      writable: true,
      destroyed: false,
      _last: true,
      chunkedEncoding: false,
      shouldKeepAlive: false,
      _defaultKeepAlive: true,
      useChunkedEncodingByDefault: true,
      sendDate: false,
      _removedConnection: false,
      _removedContLen: false,
      _removedTE: false,
      _contentLength: null,
      _hasBody: true,
      _trailer: '',
      finished: true,
      _headerSent: true,
      _closed: false,
      socket: [TLSSocket],
      _header: 'POST /v2/bot/message/push HTTP/1.1\r\n' +
        'Accept: application/json, text/plain, */*\r\n' +
        'Content-Type: application/json;charset=utf-8\r\n' +
        'Authorization: Bearer process.env.ACCESS_TOKEN\r\n' +
        'User-Agent: @line/bot-sdk/7.3.0\r\n' +
        'Content-Length: 122\r\n' +
        'Host: api.line.me\r\n' +
        'Connection: close\r\n' +
        '\r\n',
      _keepAliveTimeout: 0,
      _onPendingData: [Function: nop],
      agent: [Agent],
      socketPath: undefined,
      method: 'POST',
      maxHeaderSize: undefined,
      insecureHTTPParser: undefined,
      path: '/v2/bot/message/push',
      _ended: true,
      res: [IncomingMessage],
      aborted: false,
      timeoutCb: null,
      upgradeOrConnect: false,
      parser: null,
      maxHeadersCount: null,
      reusedSocket: false,
      host: 'api.line.me',
      protocol: 'https:',
      _redirectable: [Writable],
      [Symbol(kCapture)]: false,
      [Symbol(kNeedDrain)]: false,
      [Symbol(corked)]: 0,
      [Symbol(kOutHeaders)]: [Object: null prototype]
    },
    response: {
      status: 400,
      statusText: 'Bad Request',
      headers: [Object],
      config: [Object],
      request: [ClientRequest],
      data: [Object]
    },
    isAxiosError: true,
    toJSON: [Function: toJSON]
  }
}
```
shell エラー分（途中まで）
```
Note: Unnecessary use of -X or --request, POST is already inferred.
*   Trying 203.104.153.64...
* TCP_NODELAY set
* Connected to api.line.me (203.104.153.64) port 443 (#0)
* ALPN, offering h2
* ALPN, offering http/1.1
* successfully set certificate verify locations:
*   CAfile: /etc/ssl/cert.pem
  CApath: none
* TLSv1.2 (OUT), TLS handshake, Client hello (1):
* TLSv1.2 (IN), TLS handshake, Server hello (2):
* TLSv1.2 (IN), TLS handshake, Certificate (11):
* TLSv1.2 (IN), TLS handshake, Server key exchange (12):
* TLSv1.2 (IN), TLS handshake, Server finished (14):
* TLSv1.2 (OUT), TLS handshake, Client key exchange (16):
* TLSv1.2 (OUT), TLS change cipher, Change cipher spec (1):
* TLSv1.2 (OUT), TLS handshake, Finished (20):
* TLSv1.2 (IN), TLS change cipher, Change cipher spec (1):
* TLSv1.2 (IN), TLS handshake, Finished (20):
* SSL connection using TLSv1.2 / ECDHE-RSA-AES256-GCM-SHA384
* ALPN, server accepted to use h2
* Server certificate:
*  subject: C=JP; ST=Tokyo-to; L=Shinjuku-ku; O=LINE Corporation; CN=*.line.me
*  start date: Jun 17 06:01:58 2020 GMT
*  expire date: Sep  5 12:00:00 2022 GMT
*  subjectAltName: host "api.line.me" matched cert's "*.line.me"
*  issuer: C=BE; O=GlobalSign nv-sa; CN=GlobalSign RSA OV SSL CA 2018
*  SSL certificate verify ok.
* Using HTTP2, server supports multi-use
* Connection state changed (HTTP/2 confirmed)
* Copying HTTP/2 data in stream buffer to connection buffer after upgrade: len=0
* Using Stream ID: 1 (easy handle 0x7f9f7d80f400)
> POST /v2/bot/message/push HTTP/2
> Host: api.line.me
> User-Agent: curl/7.64.1
> Accept: */*
> Content-Type: application/json
/* 中略 */
> Content-Length: 104
> 
* We are completely uploaded and fine
* Connection state changed (MAX_CONCURRENT_STREAMS == 128)!
< HTTP/2 400 
< server: openresty
```

LINE SDK