最近在一直在搞M站,也就是移動web站點。因爲是第一次,也遇到了不少問題,因此把最近了解到的東西總結總結。聊一聊什麼是移動M站,它有啥做用和優點。css
也有人會問,M站和APP有什麼不一樣?html
1. APP 直接在用戶的移動設備上,曝光率相對較高。 而M站需打開瀏覽器,輸入地址才能訪問,因此曝光率相對較低。git
2. M站的推廣的渠道相比移動APP,渠道較多,方便追蹤用戶來源,流量入口等,方便之後的活動推廣和數據分析。github
3. M站用戶無需安裝,輸入URL便可訪問,而APP須要下載安裝。web
4. M站可以快速的經過數據分析,能快速獲得用戶的反饋,從而更容易根據統計數據分析和用戶的需求來調整產品。bootstrap
5. APP對用戶更具粘性,用戶體驗也更好。瀏覽器
6. M站對於營銷推廣活動很是方便,轉發分享方便快捷。架構
7. M站更新迭代產品速度,響應產品調整很是快,隨時發佈,而App須要審覈時間。app
8. M站跨平臺,無需開發安卓和iOS版,只需有瀏覽器便可。 學習
因此, 我以爲,M站和客戶端的是相輔相成的,M站的及時性和快捷性,是app沒法比擬的。而app 的用戶體驗,則是M站沒法作到的。目前來講二者是不可能被對方徹底替代的,在互聯網營銷大行其道的今天,M站也愈來愈重要。營銷活動大多以H5頁面的形式展現和傳播的。經過M站的營銷和推廣,從而又促進APP的使用和推廣。
目前,移動M站有輕APP 化的是趨勢。M站會愈來愈像個APP,使得M站也愈來愈重要。並且,不少APP的展現效果。原生代碼沒法實現的時候,嵌套移動H5頁面也是一個很好的選擇。
下面介紹幾個移動M站建設的幾個點:
1. 51Degree
51degrees 號稱是目前最快、最準確的設備檢測的解決方案。它是一個免費開源的.NET移動應用開發組件,能夠用來檢測移動設備和瀏覽器,甚至能夠獲取屏幕尺寸,輸入法,加上製造商和型號信息等。從而能夠選擇性地被重定向到爲移動設備而設計的內容。因爲擁有精確的移動設備的數據,因此幾乎支持全部的智能手機,平板電腦等移動設備。
其實說白了,51Degree的做用,就是識別客戶端的設備。PC瀏覽器訪問,就跳轉到PC站,手機瀏覽器訪問就跳轉到M站。從而達到更好的用戶體驗。
如何將51Degree加入到現有網站?
http://51degrees.codeplex.com/wikipage?title=Enhance%20existing%20web%20site
2. 架構
其實移動web和傳統的web並無本質的區別。說白了仍是一個web 站點,使用的技術都是html+css+js。不一樣的是,只不過目前在 Html5的大趨勢下,將Html5加入到了移動M站,使得M站更像個輕APP。
3. Bootstrap
Bootstrap。就很少說了,網上不少Bootstrap的資料。它最大的優點應該就是很是流行,很是容易上手,若是確少專業的設計或美工,那麼Bootstrap 是一個比較好的選擇。他的用法及其簡單,幾乎沒什麼學習成本,絕對是快速開發的利器。
官網:http://getbootstrap.com/
Github:https://github.com/twbs/bootstrap/
4. 幾點建議:
1.移動m站的URL儘可能和pc相同,這是爲了不同一URL在pc站能夠顯示,可是在手機上打開倒是404;
2. M站寫單獨的TDK。