QRCode開啟FB應用程式app的各種方式筆記

常遇到一種需求：可不可以讓使用者用QRCode掃描後可以連結到FB的粉專頁?

簡單的方式就是把FB的粉專的那串連結 (例如：https://www.facebook.com/MusicaPercussion/ )
直接拿去產生QRCode

不過有個問題是，以android為例子，這個掃出來的結果是會用瀏覽器打開，如果是我的話
看到這種的除非是很有興趣，不然就直接離開了，因為很不人性化！(最近測試 iOS 似乎沒這個問題，會詢問是否用fb app開啟)

為了人性化一點，有個解決方案是，先製做一個網頁，裡面用java script 抓取 navigator.userAgent 判斷是使用者是什麼裝置(PC, Android,iOS)，提供 二個選項 給使用者自行決定：

1)使用 app 應用程式開啟
2)使用瀏灠器開啟(確保沒有安裝app時仍可開啟)


不同裝置開啟 fb 應用程式的方式如下：

• iOS

fb://page/?id=<粉專ID>

範例：請使用iPhone點我測試

fb://event/?id=<活動頁ID>

範例：請使用iPhone點我測試

https://www.facebook.com/<粉專ID_或粉專代號>/posts/<貼文ID>

範例：請使用iPhone點我測試

(經過實機測試上面第三個方式不論是活動頁、粉專首頁、貼文…等，只要直接使用https://www.facebook.com/........
這種方式的連結iOS都會跳出對話框詢問是否以 fb app打開，因此這個方式是似乎是最通用的)

• Android

fb://page/<粉專ID>

範例：請使用Android點我測試

fb://event/<活動頁ID>

範例：請使用Android點我測試


fb://facewebmodal/f?href=https://www.facebook.com/<粉專ID_或粉專代號>/posts/<貼文ID>

(這個應該可以應用在活動頁、粉專首頁、貼文…等。不過如果是比較舊的fb app 有可能無法使用此功能，fb app 版本號3002850 後的才有這個功能 )

範例：請使用Android點我測試

• Web瀏覽器

瀏覽器的話就和fb網頁上的網址一樣

https://facebook.com/<粉專ID>

https://facebook.com/events/<活動頁ID>

https://www.facebook.com/<粉專ID_或粉專代號>/posts/<貼文ID>