這幾個禮拜,一直忘記紀錄實習心得,趁剛吃飽順手把5~7周補齊吧。
4月1日,公司準時的發薪水了,雖然少的可憐但還是滿感動的,隔天馬上請了家人吃大餐犒賞一下家人與自己。
公司的文章網頁以React架好之後,又重新回來處理XMPP聊天室,因為主管想要加上已讀功能,花了一些時間研究,發現Strophe.js來時做有一點點困難,主要是因可使用的plugin找不到使用方法,或是跟已讀功能無關,很多網路上資料都是在講訊息傳送確認的功能,就是發送端可以確認對方有收到,但無法確認是否訊息被”看”過,所以這問題也讓我苦惱好久,所幸聊天室不急可以慢慢寫。(記得有一天很閒還在公司看SQL)。
Open Graph Protocol
約莫是第六周的星期四,Reed突然跟我說要在文章網站上加上一些TAG,所謂的meta
tag,用來優化網頁搜尋,搜尋引勤爬蟲可以爬到這些資料當作文章的摘要,例如每篇文章的圖片,內容、標題等等。一開始我很開心地馬上上網搜尋Open Graph Protocol,並把TAG嵌入HTML檔,並使用jQuery動態改變每一篇文章的meta tag,之後就放上fb的debugger測試,
結果發現了一個嚴重的問題,我的網站無法動態改變meta tag,爬了文原因是在於說FB的爬蟲在爬網頁的時候,並不會去執行網頁本身的javascript,他所取得的資訊是從靜態的HTML上擷取,因此即使我使用jQuery也是沒辦法動態改變每一篇文章的meta tag。這讓我沮喪了好久,我辛苦以React建立的網站一夕破功,因為這個網頁搜尋優化是非常重要的功能,之後文章都會被分享到Facebook上,若無法顯示文章圖片、標題、摘要內容,應該不會有使用者想要去點擊吧。
主管Fuhua也滿擔心我的,一直幫我想辦法,後來到了禮拜五,時間上有點急迫了,Fuhua跟我說希望我能以Node.js的方式重新寫這個網站,他跟我講了原理,因為以Node.js的方式去做的話,可以從後端先處理好HTML再輸出,等於說使用者在訪問這段URL時其實是先對伺服器做Request,Node.js再回應頁面給使用者。如此一來,應該就能解決動態meta tag的問題了,這周幾乎沒有什麼新進度,當下心裡其實滿難過的。只好假日拚一下囉!
P.s忘了提,這兩周的時間,公司又來了兩個新人,Wei(最近改成Zak)、Louis,Wei是事業發展專員俗稱業務,個性滿活潑大我2~3歲,跟他聊天還滿開心,Louis跟我一樣是實習生,目前大一,跟在Alan底下負責UI介面設計。