[S20_WebFund] Lab1 資工二乙 407262316 高挺恩

Group content visibility: 
Use group defaults
Groups audience: 

1.Wireshark

GET :

圖片網址: https://drive.google.com/open?id=1hRlp91YzQyBIz3miZM3ycpxGmvN9x4y3

POST :

圖片網址: https://drive.google.com/open?id=1wp1vXm5sBH4m2Ik7XhN62U90-EfsVFgM

https://drive.google.com/open?id=1qzaq_SEpfLStG9ev7F-y-2D87PXWdcIJ

Cookie :

圖片網址: https://drive.google.com/open?id=1bhVc5KDper7gW7X18pCBzRlOQQ3eeion

Set-Cookie :

圖片網址: https://drive.google.com/open?id=1NWcN9lJxYhfNr7suBSz6iZqQMhvPnxdE

說明:

GET與POST都可用於傳送資料,語法也極為相似,然而在應用方面卻是截然不同。

通常GET多為傳送較私密性的內容,在網址中那一串字符中有機會見到,譬如說線上看漫畫時,搜尋漫畫名而輸入的關鍵字就會出現在網址末端中,或是在做線上的簡易問卷調查時,網址中也可能直接顯示使用者剛剛輸入的訊息。

而POST則是傳送較隱密、重要的資訊,最常見的例子、我想也是老師希望我們知道的,就是帳號密碼的傳送,其資料並不會出現在網址中,而是存在於"訊息主體"(message body)中,但...wireshark竟然還是都能看光光,太可怕了devil

參考資料: https://medium.com/@totoroLiu/http-post-%E5%92%8C-get-%E5%B7%AE%E7%95%B0-928829d29914

https://notfalse.net/44/http-get-vs-post

Cookie就是如同老師上課所講的購物車例子,真的挺好懂的,簡單來說就是瀏覽網站時會留下一些小小的暫存檔案,以供使用者再次瀏覽該網站時能夠透過這些暫存檔而得到較快的儲存速度或是更新資料。

Set-Cookie以我的淺見就是標明Cookie的用途及名稱,使用者瀏覽網站,伺服端回傳Set-Cookie的指令給使用者,而其收到後再根據指令的內容將Cookie儲存起來,以上。

參考資料: http://www.vixual.net/blog/archives/12

https://blog.miniasp.com/post/2008/02/22/Explain-HTTP-Cookie-in-Detail

使用網址: 

菁英英語會員中心 https://eip.language-center.com.tw/curr/login.php

心得:

雖然才稍稍了解些皮毛,但感覺我不懂的東西又更多了...,而且,也要更加注意自己在網路上的使用狀況,資訊安全的防備心態不可無。

我一開始覺得,要自學這些東西,時間嫌少,恐怕無法學的很透徹,所以這個Lab1的作業我一直感到不解。

但實際自己拋下瑣事並投入時間後才發現,是可以學到東西的,即使GET等的指令沒辦法一次就全理解,但也能慢慢累積,而這一篇作為作業的網誌,也將被我當成紀錄自己所學,以利之後更深的去了解。

 

2.Browser tool/plugin

原網址: https://wiki.52poke.com/zh-hant/%E7%99%BE%E5%8F%98%E6%80%AA

圖片網址: https://drive.google.com/open?id=1n3AwzWLfoYMiWanQ3UmE0Sq9YfXNEEx1

 

說明:

HTML就是生出結構!

CSS就是長出外觀!

JavaScript就是程式!

心得: 

這算是最好玩的一個部分了,累了幾個小時做第一個,第二個就是拿來放鬆的阿~cheeky

真想趕緊熟悉網頁方面的技巧!! 宣傳更多百變怪!!