# LINE Beacon 介紹
## 及大量建置經驗分享
<span style="font-size: 20px">https://hackmd.io/@taichunmin/coscup-2023-chatbot</span>
---
## I am 戴均民
<table class="about-me">
<tr>
<td><img src="https://www.gravatar.com/avatar/8d9b432d861e4ac0e40954a800ae90a1?s=2048" class="avatar"></td>
<td>
<ul>
<li>現職 <a href="https://ionexenergy.com/" target="_blank">Ionex Exergy Co., Ltd.</a></li>
<li>LINE API Expert</li>
<li><a href="https://taichunmin.idv.tw/liff-businesscard/" target="_blank">LINE 數位版名片</a></li>
<li><a href="https://lihi1.com/l5Dld/coscup-2020" target="_blank"><i class="fa fa-fw fa-rss-square"></i>筆記國度 (部落格)</a></li>
<li><a href="https://github.com/taichunmin/" target="_blank"><i class="fa fa-fw fa-github"></i>taichunmin</a></li>
</ul>
</td>
</tr>
</table>
<style>
img.avatar {
border-radius: 50%;
width: 300px;
}
</style>
---
## Beacon 是什麼？
<div class="fragment" data-fragment-index="1">
##### 一個一直在進行藍芽廣播的裝置
</div>
---
## Beacon 能做什麼？
- 確認裝置與發送端的距離 <!-- .element: class="fragment" data-fragment-index="1" -->
- 在 GPS 不好的地方可以用來定位 <!-- .element: class="fragment" data-fragment-index="2" -->
- 還可以用多個來三軸定位 <!-- .element: class="fragment" data-fragment-index="3" -->
---
### 台灣社交距離 也是使用類似技術
---
## LINE Beacon
# ≠
## Beacon
---
# LINE Beacon 優點
<ul>
<li class="fragment" data-fragment-index="1">在台灣 LINE 的<span style="color: gold">使用者很多</span></li>
<li class="fragment" data-fragment-index="2">除了 LINE APP 之外，<span style="color: gold">不需要額外安裝</span>別的 APP</li>
<li class="fragment" data-fragment-index="3">專注在開發 Webhook 即可，不用擔心 Beacon <span style="color: gold">跨平台的相容性</span></li>
<li class="fragment" data-fragment-index="4">可以用 replyToken <span style="color: gold">免費回傳訊息</span></li>
</ul>
---
#### (取自 [LINE Biz](https://tw.linebiz.com/download/line-beacon/) Beacon 產品簡報)
---
# LINE Beacon 缺點
<ul>
<li class="fragment" data-fragment-index="1">沒有訊號大小來推測使用者跟 Beacon 的<span style="color: gold">距離</span></li>
<li class="fragment" data-fragment-index="2">沒辦法知道使用者<span style="color: gold">離開</span> Beacon 訊號範圍</li>
<li class="fragment" data-fragment-index="3">
免費版有些限制：
<ul>
<li class="fragment" data-fragment-index="4">要加<span style="color: gold">官方帳號好友</span>才能用</li>
<li class="fragment" data-fragment-index="5">無法知道使用者<span style="color: gold">停留</span>在 Beacon 訊號範圍內</li>
</ul>
</li>
</ul>
---
# 實際案例
<span style="font-size: 20px">以下部分案例取自 LINE 官方投影片</span>
---
---
---
---
---
---
---
### 小規模測試 (24 Beacons)
##### https://youbike-today.blogspot.com/2020/06/beacon.html
---
* 在桃園<span style="color: lime">前 24 大</span>的站架設 Beacon
* 獎品是 LINE POINTS 10 點
* 參加人數<span style="color: lime">約 800 人</span>
* 總計<span style="color: lime">約 2200 人/次</span>
* <span style="color: lime">超過 34%</span> 的人去超過 1 站打卡
* <span style="color: lime">4%</span> 使用者成功去 24 站打卡
---
### 大規模活動 (200+ Beacons)
##### https://troy30408.pixnet.net/blog/post/336119519
---
### 高雄燈會 (700+ Beacons)
##### https://taichunmin.idv.tw/blog/2022-02-24-line-beacon.html
---
## LINE Beacon
### 在高雄燈會的用途
- 景點導覽
- 抽紅包（店家優惠券）
- 交通指引
- 服務台
- 廁所
- 贊助商廣告
- 防疫（類似簡訊實聯制）
- 其他
---
## 如何取得 LINE Beacon?
---
---
<ul>
<li>
LINE Simple Beacon
<ul>
<li class="fragment" data-fragment-index="1">給開發者測試專用</li>
<li class="fragment" data-fragment-index="2">最多能申請 10 個 HWID</li>
<li class="fragment" data-fragment-index="3">需自行實作防偽機制</li>
<li class="fragment" data-fragment-index="4">有 13 bytes 可自由運用</li>
</ul>
</li>
<li>
LINE Beacon
<ul>
<li class="fragment" data-fragment-index="5">內建防偽機制</li>
<li class="fragment" data-fragment-index="6">認證官方帳號後<br>可申請加購付費功能</li>
</ul>
</li>
</ul>
---
### 藍牙廣播封包比較
---
# 如何擁有一個
## LINE Simple Beacon
---
### [line/line-simple-beacon](https://github.com/line/line-simple-beacon)
---
### 網友提供的開源 LINE Simple Beacon
---
### 聯發科 LinkIt 7697
###### [taichunmin/line-simplebeacon-linkit7697](https://github.com/taichunmin/line-simplebeacon-linkit7697)
---
### 樂鑫 ESP32
###### [taichunmin/line-simplebeacon-esp32](https://github.com/taichunmin/line-simplebeacon-esp32)
---
### 均民在部落格寫過的相關文章
* [LINE Simple Beacon for ESP32 工作坊](https://taichunmin.idv.tw/blog/2020-07-13-line-simple-beacon-workshop.html)
* [用 ESP32 自製八合一 LINE Beacon](https://taichunmin.idv.tw/blog/2021-03-06-line-octobeacon.html)
* [高雄燈會 LINE Beacon 體驗紀錄](https://taichunmin.idv.tw/blog/2022-02-24-line-beacon.html)
---
#### [用 ESP32 自製八合一 LINE Beacon](https://taichunmin.idv.tw/blog/2021-03-06-line-octobeacon.html)
###### 進入工程模式透過 BLE 更換 HWID 等參數
---
## 如何擁有一個正式版
# LINE Beacon
---
### 不推薦的方法: 從日本買 [(連結)](https://beacon.theshop.jp/items/6617930)
---
### 僅供實驗及測試用途
---
## 前往 [LINE Biz](https://tw.linebiz.com/service/account-solutions/line-beacon/) 申請
---
---
## 經驗分享
---
### 需確認佈設地點是否為
# 高溫 或 高濕
### 因為有些電池會加速老化<!-- .element: class="fragment" data-fragment-index="1" -->
### 電路板也可能會鏽蝕<!-- .element: class="fragment" data-fragment-index="2" -->
---
### 肯定會有使用者收不到來詢問
##### 表格<span style="color:red">僅供參考</span>，因為原始來源已被移除（這是備份）
---
### 當初的 Beacon 活動
### 特地做了內部教戰守則
### 告訴服務處及客服要如何幫
### 前來詢問的民眾疑難排解
---
### 高雄燈會服務處的某個志工分享
### 蠻多民眾在設定上遇到困難
### 所以服務台可能<!-- .element: class="fragment" data-fragment-index="1" -->
### 也因此架設 LINE Beacon<!-- .element: class="fragment" data-fragment-index="1" -->
---
## 或是準備備援方案
### 例如讓使用者掃描 QRCode
---
#### (2022年辦活動時)
### 剩餘電量報表不好用
---
### 剩餘電量報表提供的欄位
* HWID (硬體 ID)
* 裝置的電池剩餘電量
* 最後通訊時間
* 設置地點
---
## 但電量報表無法
### 透過 API 讀取或批次匯出
##
## 沒辦法做後續應用<!-- .element: class="fragment" data-fragment-index="1" -->
## 如畫地圖或是做分析<!-- .element: class="fragment" data-fragment-index="1" -->
---
## 所以活動前花了很多人力
## 去確認 Beacon 是否還正常
## 有沒有需要換電池
---
## 工具
- Andoird:
- [BeaconSET+](https://play.google.com/store/apps/details?id=com.minew.beaconplus&hl=en_US)
- [nRF Connect for Mobile](https://play.google.com/store/apps/details?id=no.nordicsemi.android.mcp&hl=zh_TW&gl=US)<br>(純 RAW Data)
- Chrome for Android:
- 自製網頁 (使用 Web Bluetooth)
- iOS:
- [LightBlue®](https://apps.apple.com/tw/app/lightblue/id557428110) (純 RAW Data)
---
## 自製掃描網頁
#### (使用 Web Bluetooth)
---
### 如果可以的話
### 每個地點放兩個 Beacon
### 當作備援
---
### 如果可以修改 Beacon 訊號
### 建議可以輪流廣播
#### LINE Beacon + LINE Simple Beacon
### 並用 Webhook 來蒐集電量資訊
---
#### 個人網站 & QA 時間
###### 沒有問題也可以<span style="color: lime">祝我生日快樂</span> 😝
<style>code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word;
background-color: white;
border-radius: .35rem;
}</style>
{"title":"LINE Beacon 介紹及大量建置經驗分享","description":"<span style=\"font-size: 20px\">https://hackmd.io/@taichunmin/coscup-2023-chatbot</span>","contributors":"[{\"id\":\"0d9a5e06-1f92-4142-b9df-fed4c8873573\",\"add\":10252,\"del\":2120}]"}