2013/09/30

透過HTML調用Mobile的Line

Line是一個可以透過網路去通訊的手機應用軟體,最近案子需要將這個功能加上去
但聽同學『螃蟹』說網頁版的已經關閉了,那只好開始找資料啦XDDDD

結果在BBS找到『[問題] 用javascript分享網頁至LINE』,底下有位大神TonyQ的回復非常有幫助,他說Line是走協定的,這句話真是點醒夢中人啊XDDD

找到了Line應用說明,但都日文啊!!!!!!
算了,當英文看XDDD


看起來Line不只可以傳文字,也可以傳圖片,但如果要指定對象我就不知道怎麼用啦XDDD

這次示範如何傳遞文字



先將以下的程式碼貼到test.html內,並傳送到手機,為什麼不再電腦端開啟呢?你先看看標題,文後自然會解釋

<!DOCTYPE HTML>
<html lang="zh-tw">
 <head>
  <meta charset="utf8">
 </head>
 <body>
  <a href="http://line.naver.jp/R/msg/text/?testdsdasds"><img src="http://media.line.naver.jp/img/button/ja/88x20.png"></a>
 </body>
</html>


接著用手機的瀏覽器去開啟test.html檔案,可以看得到有一個Line小圖示XD



點擊小圖示會出現選項,Line本身在通訊是走Protocol,所以可以用Line開啟URL



跳出Line的好友清單,任意選擇一個朋友




當然要選擇『螃蟹』
選擇Send to chat room

對話欄文字就會被填入text後面接的值,按下送出就好啦XDDD
剛還有人因此打電話給我XDDDDD


剛剛有提到這個網頁是針對手機,因為Line本身市場是針對Mobile,而不是電腦

電腦端開啟這個網頁則會轉到Line網站去






參考資料:
http://www.ptt.cc/bbs/Web_Design/M.1366252859.A.90E.html
http://media.line.naver.jp/howto/ja/