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

顯示貼圖、表情貼

1,489 total views, 28 views today

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

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

以下為完成意義圖

字幕

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

不過還需要注意字幕格式

原始的字幕

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

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

自訂字幕格式

設定靠左對齊、黃色字

CSS

494 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 相容性問題

812 total views, 4 views today

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

參考

取得 certbot-auto 及執行

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

編輯 DNS

重新啟動 DNS

驗證

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

自動更新證書

 

vi /etc/let/rfc2

 

chmod 600 r.ini

Bind 9 動態 DNS

 

 

失敗的指令也會算在 Rate Limits (狂翻白眼)

 

59 total views, 1 views today

Hoyo 教你串金流 – 綠界

Hoyo 提供原廠都沒有的測試工具

下載綠界串接文件

需要下載 「全方位金流 API 技術文件」以及「PHP SDK」

撰寫文件時為 2018-6-29 , API 文件版本 5.1.17

流程

雖然金流 API 文件第 2 章有交易流程說明,可是第一次使用看懂的機率是極低的,所以 Hoyo 另外整理為

  1. 送出一個訂單表單送到「介接路徑」
  2. 準備接收綠界付款結果的資訊

訂單表單

網頁表單 – f.html

  • MerchantTradeNo : 訂單編號,一個編號只能用一次,所以針對實際情況不能直接將網站的訂單編號送出,必須使用一個對應的變動編號,這個問題後面再討論
  • ReturnURL : 必須要可以對外訪問的網址,所以沒有自己的網站是不能接線上支付 (沒有意義)
  • MerchantID : 測試的商家 value 都要根據 API 文件設定
  • HashKey 同上
  • HashIV 同上

送給 PHP 計算 CheckMacValue – Ecpay.php

  • PHP 的作用只有計算 CheckMacValue 這個值之後附加到表單再送到綠界
  • 送出之後的所有錯誤綠界都會清楚的回應

接收付款結果資訊

payEcpay.php

  • 根據回傳格式說明,至少要成功支付以及驗證碼正確才進行後續處理,否則可能是造假回傳資訊

模擬綠界回傳表單

可以自己設計表單模擬綠界回傳送出資訊,方便接收除錯

綠界回傳資訊

使用 print_r($_POST); 把回傳資訊展開大概就是長這樣

2,766 total views, 17 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 可以直接取得辨識後結果了,剩下的就是自己的創意了啊

66 total views, no views today