育將電腦工作室 - 線上書籍

GAS+LineBot開發
=============

### 流程說明

1. <span style="font-size: 1.25rem;">如下圖，好友按下「+2」送出 「+2 QQ純土雞蛋(自取)」</span>
2. <span style="font-size: 1.25rem;">當LineBot 收到訊息，同時也會收到「userId」、「replyToken」</span>
3. <span style="font-size: 1.25rem;">botMessageText = '+2 QQ純土雞蛋(自取)' => 轉成陣列 keyWord =>「keyWord.length == 2」則搜尋「啟用商品」，若有找到，則建立「訂單」</span>
4. <span style="font-size: 1.25rem;">用「userId」找出好友的「電話」、「送貨地址」</span>
5. <span style="font-size: 1.25rem;">用 「userId」、「replyToken」建立一個「查詢訂單」<span style="color:#f39c12;">(單筆)</span>   
  \----------------------------------------------------------------------   
   <span style="color:#f39c12;">第5點同理，在LineBot佈一個「查詢訂單」   
   再把當下的「userId」、「replyToken」儲存至「好友」   
   再回覆一個「查詢訂單」這時即可查詢此好友所有訂單</span>   
  \---------------------------------------------------------------------</span>
 
### 訂單完成畫面

![](https://i.imgur.com/ggfPgfb.png)

### 規劃欄位

<table class="table table-sm table-bordered table-hover" id="table"> <thead> <tr class="table-light"> <td data-field="form_sort" style="text-align: ; width: 60px; "><div class="th-inner sortable both">表單順序 </div><div class="fht-cell"> </div> </td> <td data-field="form_label" style="text-align: ; "><div class="th-inner sortable both">表單標題 </div><div class="fht-cell"> </div> </td> <td data-field="form_name" style="text-align: ; "><div class="th-inner ">form_name </div><div class="fht-cell"> </div> </td> <td data-field="form_kind" style="text-align: center; "><div class="th-inner ">表單類型 </div><div class="fht-cell"> </div> </td> <td data-field="value_type" style="text-align: center; "><div class="th-inner ">資料型別 </div><div class="fht-cell"> </div> </td> <td data-field="form_width" style="text-align: center; width: 60px; "><div class="th-inner ">表單寬度 </div><div class="fht-cell"> </div> </td> <td data-field="form_validate" style="text-align: ; "><div class="th-inner ">表單驗證 </div><div class="fht-cell"> </div> </td> <td data-field="form_fun" style="text-align: ; "><div class="th-inner ">表單功能 </div><div class="fht-cell"> </div> </td> <td data-field="form_value" style="text-align: ; "><div class="th-inner ">表單預設值 </div><div class="fht-cell"> </div> </td> <td data-field="form_control" style="text-align: ; width: 80px; "><div class="th-inner ">欄位控制 </div><div class="fht-cell"> </div> </td> <td data-field="form_readonly" style="text-align: ; "><div class="th-inner ">表單唯讀 </div><div class="fht-cell"> </div> </td> <td data-field="form_option" style="text-align: ; "><div class="th-inner ">表單選項 </div><div class="fht-cell"> </div> </td> <td data-field="form_readme" style="text-align: ; "><div class="th-inner ">表單說明 </div><div class="fht-cell"> </div> </td> <td data-field="form_placeholder" style="text-align: ; "><div class="th-inner ">表單暫留字 </div><div class="fht-cell"> </div> </td> <td data-field="list_visible" style="text-align: center; "><div class="th-inner ">列表顯示 </div><div class="fht-cell"> </div> </td> <td data-field="list_align" style="text-align: ; "><div class="th-inner ">列表對齊 </div><div class="fht-cell"> </div> </td> <td data-field="list_sortable" style="text-align: ; "><div class="th-inner ">列表排序 </div><div class="fht-cell"> </div> </td> <td data-field="list_width" style="text-align: ; "><div class="th-inner ">列表寬度 </div><div class="fht-cell"> </div> </td> </tr> </thead> <tbody class="table_container" id="tbody"> <tr data-index="0" data-uniqueid="105" id="tr_105"> <td style="text-align: ; width: 60px; ">1 </td> <td style="text-align: ; ">流水號 </td> <td style="text-align: ; ">sn </td> <td style="text-align: center; ">隱藏 </td> <td style="text-align: center; "> </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">false </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="1" data-uniqueid="106" id="tr_106"> <td style="text-align: ; width: 60px; ">2 </td> <td style="text-align: ; ">訂單日期 </td> <td style="text-align: ; ">date </td> <td style="text-align: center; ">隱藏 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; ">時間戳記 </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="2" data-uniqueid="107" id="tr_107"> <td style="text-align: ; width: 60px; ">3 </td> <td style="text-align: ; ">userId </td> <td style="text-align: ; ">userId </td> <td style="text-align: center; ">隱藏 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">false </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="3" data-uniqueid="108" id="tr_108"> <td style="text-align: ; width: 60px; ">4 </td> <td style="text-align: ; ">replyToken </td> <td style="text-align: ; ">replyToken </td> <td style="text-align: center; ">隱藏 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">false </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="4" data-uniqueid="109" id="tr_109"> <td style="text-align: ; width: 60px; ">5 </td> <td style="text-align: ; ">群組 </td> <td style="text-align: ; ">group </td> <td style="text-align: center; ">簡答 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="5" data-uniqueid="110" id="tr_110"> <td style="text-align: ; width: 60px; ">6 </td> <td style="text-align: ; ">姓名 </td> <td style="text-align: ; ">name </td> <td style="text-align: center; ">簡答 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="6" data-uniqueid="111" id="tr_111"> <td style="text-align: ; width: 60px; ">7 </td> <td style="text-align: ; ">商品流水號 </td> <td style="text-align: ; ">prod\_sn </td> <td style="text-align: center; ">隱藏 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">false </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="7" data-uniqueid="112" id="tr_112"> <td style="text-align: ; width: 60px; ">8 </td> <td style="text-align: ; ">商品名稱 </td> <td style="text-align: ; ">title </td> <td style="text-align: center; ">簡答 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">left </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="8" data-uniqueid="113" id="tr_113"> <td style="text-align: ; width: 60px; ">9 </td> <td style="text-align: ; ">商品單價 </td> <td style="text-align: ; ">price </td> <td style="text-align: center; ">簡答 </td> <td style="text-align: center; "> </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">right </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="9" data-uniqueid="114" id="tr_114"> <td style="text-align: ; width: 60px; ">10 </td> <td style="text-align: ; ">商品單位 </td> <td style="text-align: ; ">unit </td> <td style="text-align: center; ">簡答 </td> <td style="text-align: center; ">文字 </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">center </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="10" data-uniqueid="115" id="tr_115"> <td style="text-align: ; width: 60px; ">11 </td> <td style="text-align: ; ">訂購數量 </td> <td style="text-align: ; ">amount </td> <td style="text-align: center; ">簡答 </td> <td style="text-align: center; "> </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">right </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> <tr data-index="11" data-uniqueid="116" id="tr_116"> <td style="text-align: ; width: 60px; ">12 </td> <td style="text-align: ; ">合計金額 </td> <td style="text-align: ; ">total </td> <td style="text-align: center; ">簡答 </td> <td style="text-align: center; "> </td> <td style="text-align: center; width: 60px; ">2 </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; width: 80px; ">false </td> <td style="text-align: ; ">true </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: ; "> </td> <td style="text-align: center; ">true </td> <td style="text-align: ; ">right </td> <td style="text-align: ; ">false </td> <td style="text-align: ; "> </td> </tr> </tbody> </table>

<div class="container pt-50 pb-50"> <style>
        .videobox {
          position: relative;
          width: 100%;
          height: 0;
          padding-bottom: 56.25%;
        }
        .videobox iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
      </style>**Youtube影片：**<https://youtu.be/okrSokgnZbs>

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown