LINE Messaging API – LINE 對話機器人

參考資源

沒有程式的生活圈是什麼樣的?

簡單說就只是「沒有程式自動化」,也就是沒有機器人自動回答,可以一對一客服也可以發訊息給全部好友

換句話說,如果想要讓客戶自行輸入關鍵字即可得到資訊就需要使用 API,需要切換到何種方案就需要看進一步的需求

名詞釋疑

生活圈 LINE@ 從 https://at.line.me/tw/ 建立的叫做生活圈,後台是 https://admin-official.line.me

生活圈 LINE@ 建立的稱作「帳號」,LINE Developers 建立的叫做 channel

使用生活圈必須另外在手機上下載使用另一個 LINE@ 的 APP 來管理 LINE 生活圈,生活圈的管理是無法從網頁後台或是 LINE 去操作的

Hoyo 提供線上工具

費用

// todo 需要更新資訊

流程、步驟

  1. 從 LINE Developers 加入開發者
  2. 新增時選擇「Messaging API」
  3. Plan → Developer Trial
  4. 新增後再次選擇設定
    1. Channel access token : 產生 API 發送使用 access token
    2. Use webhooks : Enabled
    3. Webhook URL : 接受 LINE 訊息的網址
  5. 分享 QRCode 加入 LINE 機器人

Webhook URL – 接收訊息的 Reply.php

 

 

接收 LINE 的訊息

收到的訊息是 JSON 格式,大概長這樣

比較容易看的格式

 

Reply 一問一答的 LINE 機器人

 

群發

發送 – 圖檔

發送 – 視頻

官方文件說有影片以及預覽圖大小限制,實際上因為檔案放在自己主機上,所以並無限制

 

發送 – 音頻

  • duration 單位為千分之一毫秒,只和顯示播放倒數有關,音頻有多長還是播多長

取得使用者資訊

PHP

回傳 JSON

使用 LINE@ 後台

官方後台的訊息發送並不是立即, 2019-3-24 實測時有 3 分鐘的延遲,加入好友且已可接收訊息也沒有更新好友數

各種接收到的 Json

加入

退出 (隱藏後刪除)

文字訊息

表情貼

貼圖

圖檔

影片

取得圖、影音檔案內容

必須使用和 message 相同的 bot 才可以取得內容

https://api.line.me/v2/bot/message/{messageId}/content

顯示貼圖、表情貼

3,812 total views, 28 views today

Video.js – 基本播放以及字幕

水平居中、高度固定的播放器

以下為完成意義圖

字幕

要讓影片加上字幕只須加上 <track> 即可,例如這樣

不過還需要注意字幕格式

原始的字幕

這個字幕是不能直接使用,必須做以下修改

  • 開頭加上 WEBVTT
  • 將時間小數點的逗號改為小數點

自訂字幕格式

設定靠左對齊、黃色字

CSS

841 total views, 2 views today

Facebook OAuth v3.1 臉書登入 – 使用 PHP SDK

流程

  1. 下載 PHP SDK php-graph-sdk (v5)
  2. 將下載的 php-graph-sdk-5.x.zip 檔內的 src\Facebook 解壓縮到網站內
  3. 準備兩個網站路徑:登入、OAuth
  4. https://developers.facebook.com/apps 選擇臉書登入 app
    1. 設定 → 進階:升級 API 版本到 v3.1

    2. 產品 → 設定:將預計的 OAuth 路徑填入 有效的 OAuth 重新導向 URI
  5. 準備產生臉書登入連結及處理 OAuth 資訊到取得臉書個人資料 id, name, email

PHP  – 產生 OAuth 登入連結

 

如此即會產生如以下這樣的連結

 

OAuth 登入處理 (https://member.hoyo.idv.tw/Facebook.php&b=OAuth)

這裡只列出 Facebook OAuth class 的程式碼,前面還有一個 index.php 處理網站入口,例如後面說的 session 錯誤就是寫在 index.php 內

$UserInfo 如此即可得到該登入使用者在 Facebook 的基本資料 id, name, email

無法載入網址: 這個網址的網域未包含在應用程式的網域中。若要載入這個網址,請在應用程式設定的「應用程式網域」欄位中新增應用程式的所有的網域及子網域。

請使用 Facebook 提供 SDK ,注意流程即可避免此問題

Facebook SDK returned an error: Cross-site request forgery validation failed. Required param “state” missing from persistent data.

PHP 必須開啟 session_start();

Graph returned an error: This authorization code has been used.

為什麼 Facebook 使用 PHP 不是使用 Javascript ?

因為 Facebook 的 js 寫的很爛只能跑在「較新版」的 Chrome 例如 v62 ,而 Google 可以跑在 Chrome v44 所以使用 PHP 沒有 js 相容性問題

1,348 total views, 8 views today

Let’s Encrypt – *.hoyo.idv.tw 通配網域證書

參考

取得 certbot-auto 及執行

執行,記得產生一個通配網域一個只有網域名稱證書,如此單獨使用網域名稱時才不會 SSL_ERROR_BAD_CERT_DOMAIN 證書問題

編輯 DNS

重新啟動 DNS

驗證

Enter 繼續執行,沒問題出現以下畫面就代表證書建立完成

自動更新證書

-目前手動更新中-

Bind 9 動態 DNS

 

其他注意事項

  • 失敗的指令也會算在 Rate Limits
  • SSL_ERROR_BAD_CERT_DOMAIN : hoyo.idv.tw 等於 *.hoyo.idv.tw ,必須使用 hoyo.idv.tw 證書或是將 hoyo.idv.tw 轉到 www.hoyo.idv.tw 才能套用通配網域證書

104 total views, no views today

將 Windows 功能轉換成 REST API – 以 Microsoft Office Document Imaging 為例

小白先看這裡

Microsoft Office Document Imaging 使用在 Windows Form 的情況

至少要先在 Windows Form 應用程式專案下可以順利運作有基礎的概念,才有辦法轉換到主控台應用程式

命令提示 Console Application

最後 Program.cs 長這樣

使用 PHP 包裝成 REST API

如此即可將 GUI 轉換成 CLI 方便 PHP 使用

你問 REST API 在哪? 都轉換到 PHP 可以直接取得辨識後結果了,剩下的就是自己的創意了啊

111 total views, no views today

取得臺灣即時氣象資訊

目標:取得台灣地區的即時氣象資訊

交通部中央氣象局-開放資料平臺

  1. 加入會員
  2. 登入會員後網站選單會多一個開放資料目錄,裡面有資料清單的詳細說明
  3. 切換到「資料使用說明」內有「取得授權碼」,點選即可得到下載授權碼
  4. 找到符合需求的資料清單代碼後,套用到下載網址的 dataid 即可

 

Сurrent weather and forecast – OpenWeatherMap

  1. 加入會員
  2. OpenWeatherMap 會寄信給你,內有你的 API 連結 appid 和範例
  3. 然後就可以根據這個範例和 appid 使用網站上的 API 說明

 

 

1,139 total views, no views today