如何寫才能讓websocket 聊天室中包含網址的訊息，點按可以前往該連結網址 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

如何寫才能讓websocket 聊天室中包含網址的訊息，點按可以前往該連結網址

html websocket

愛的code 2021-11-09 08:08:29 ‧ 1183 瀏覽

分享至

各位大大好！我有寫了一個websocket聊天室，可以讓用戶彼此傳送訊息，但是如果用戶傳的訊息是網址，例如：https://google.com ，系統會將它辨識成一般字符串。
請教大大！我該怎麼做？才能讓系統可以辨識網址？
任何協助都將感恩於心，謝謝！

看更多先前的討論...收起先前的討論...

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2021-11-09 08:27:06 檢舉

提示:bbcode 、正則

愛的code iT邦新手 4 級 ‧ 2021-11-09 08:47:14 檢舉

感謝大大協助，但我還不明瞭，能否請大大提供研讀資訊，感謝

haward79 iT邦研究生 1 級 ‧ 2021-11-09 09:12:23 檢舉

用 REGEX 擷取 URL
https://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2021-11-09 09:48:41 檢舉

如 haward79 說的。將字串內可能是網址的。利用正則的規則來幫你判斷出來。
然後再將該字串轉成
```
<a href="字串值">字串值</a>
```
這樣就會有連結了。

BBCODE的做法是大同小異。只是處理的方式是多一層。
```
[url=字串值]字串值[/url]
```
這樣字串進去後，分析處理後輸出A
但一般聊天室來說。我會用BBCODE的方式處理。
因為可以降低被注入的可能性。

愛的code iT邦新手 4 級 ‧ 2021-11-09 09:50:27 檢舉

感謝 @haward79 大大，我來研讀一下

愛的code iT邦新手 4 級 ‧ 2021-11-09 09:51:50 檢舉

感謝 @浩瀚星空大大

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 個回答

2

海綿寶寶

iT邦大神 1 級 ‧ 2021-11-09 09:53:22

聊天室是你寫的對吧
試試看輸入<a href="https://google.com">https://google.com</a>
接收端會如何顯示

如果會顯示成可點擊的超連結
那就在發送之前把網址 replace 成 HTML code 即可

關鍵就在於
你寫的 chatroom 是否支援 HTML 語法

回應 4
分享
檢舉

看更多先前的回應...收起先前的回應...

淺水員 iT邦大師 6 級 ‧ 2021-11-09 10:12:37 檢舉

然後再輸入 <script>alert('hello')</script> 試試看
確認有沒有XSS的癲測試

愛的code iT邦新手 4 級 ‧ 2021-11-09 14:07:35 檢舉

謝謝大大門熱心協助，我目前採用了@浩瀚星空大的指導，已經搞定。再次謝謝！

player iT邦大師 1 級 ‧ 2021-11-09 22:05:20 檢舉

直接支援HTML輸入的聊天室
可能被人惡意傳視窗炸彈(無限循環一直開新視窗)
或是轉址到惡意網站
orz

所以才會需要BBCode或Markdown之類的語法
去間接轉換成HTML

愛的code iT邦新手 4 級 ‧ 2021-11-18 11:13:34 檢舉

@player 謝謝您的說明
另外！能否請簡易示範一下1、 BBCode 的寫法 2、視窗炸彈的寫法

登入發表回應

2

混水摸魚

iT邦研究生 2 級 ‧ 2021-11-09 11:01:03

這個給你參考參考
https://www.webteach.tw/?p=261

回應 1
分享
檢舉

愛的code iT邦新手 4 級 ‧ 2021-11-09 14:10:09 檢舉

感謝分享

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22217 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙