到底為什麼這個網站會充斥著 LINE Notify 嗎？我還真希望是業配，但可惜不是。在滿久以前我做了一個 LINE 我自己的小接口，最近莫名其妙被挖出來了，發現好像有人會感興趣。那位挖出來的捧油把它變成一個匿名提問箱，好像是不錯的主題？

這個小專案其實滿簡單，就是轉發請求到 LINE Notify 的 API 上，基於安全理由，不太可能讓使用者直接騷擾（？）LINE Notify，畢竟應該沒人想看到滿滿的垃圾訊息吧。

那麼要做的事情就很明顯了：

• 前端接受訊息，傳遞至後端
• 後端進行驗證，轉發到 LINE Notify

這邊驗證將使用 reCaptcha，首先先新增一個網站，進入 reCaptcha 首頁後右上方會有 Admin Console，如果沒有建立過就會自動跳轉，但已有建立過則需要按下新增。

在網域中填入靜態網頁存放的地方，如果是使用 GitHub Pages 可填入 github.io 或 <你的帳號>.github.io 等等。

完成後就會得到兩組鑰匙，先存放到其他地方。

接著到 Google Drive，新增一個 Google Apps Script。（如果不知道該怎麼新增請參考這篇文章）我們將會有兩個主要邏輯：驗證與轉送。

驗證部分，參考 reCaptcha Reference，我們可以知道要呼叫 siteverify，傳遞 Secret 和 Response 兩個參數，其中 Secret 是上一步的密鑰，Response 是使用者傳送的驗證代碼。
接著他會回傳一份 JSON，其中我們只需要 success 就夠了，但如果出問題，提供錯誤訊息或許也不錯。
製作 HTTP 請求的部分，我們可以應用 Google Apps Script 的 UrlFetchApp 服務。
綜合上述，參考 UrlFetchApp 後可以寫出這樣的 Code：

function verify(response) {
  var secret = '' / 請放入你的 reCaptcha 認證金鑰 /;

  var recaptcha = UrlFetchApp.fetch('https://www.google.com/recaptcha/api/siteverify', {
    method: 'POST',
    payload: 'secret=' + secret + '&response=' + response
  }).getContentText();

  var digested = JSON.parse(recaptcha);
  if (digested['success']) {
    return [true];
  } else {
    return [false, digested['error-codes']];
  }
}

這樣只要傳入使用者的 Response，就可以獲得包含結果與錯誤的陣列。接著進行轉送，參考 LINE Notify 文件可以知道會需要 Token，進入個人頁面並發行個人權杖，並將權杖紀錄。

接著按照文件，我們需要的是傳送 Message（如果有想增加其他功能可自行類推），需要的是組成一個請求，Header 包含權杖，並傳遞 message 參數。而伺服器會透過 HTTP 狀態表明結果。結合以上，可以寫出這樣的 Code：

function forward(message) {
  var token = '' / 放入你的 LINE Notify 權杖 /;
  
  var notify = UrlFetchApp.fetch('https://notify-api.line.me/api/notify', {
    'method': 'post',
    'headers': {
      'Authorization': 'Bearer '+ token
    },
    'payload': 'message=' + message
  });
  
  switch(notify.getResponseCode()) {
    case 200:
      return [true];
    case 400:
      return [false, 'Unauthorized'];
    case 401:
      return [false, 'Invalid Accesstoken'];
    case 500:
      return [false, 'Server Side Error'];
    default:
      return [false, 'Unexcepted Failed'];
  }
}

如此一來，後端兩個主要邏輯就完成了，下一篇我們將把兩個邏輯組合，並製作前端。
下篇：https://limaois.me/archives/51