最近在一直在搞M站，也就是移動web站點(diǎn)。由于是第一次，也遇到了很多問題，所以把最近了解到的東西總結(jié)總結(jié)。聊一聊什么是移動M站，它有啥作用和優(yōu)勢。

也有人會問，M站和APP有什么不同？

1. APP 直接在用戶的移動設(shè)備上，曝光率相對較高。 而M站需打開瀏覽器，輸入地址才能訪問，所以曝光率相對較低。

2. M站的推廣的渠道相比移動APP，渠道較多，方便追蹤用戶來源，流量入口等，方便以后的活動推廣和數(shù)據(jù)分析。

3. M站用戶無需安裝，輸入URL即可訪問，而APP需要下載安裝。

4. M站能夠快速的通過數(shù)據(jù)分析，能快速得到用戶的反饋，從而更容易根據(jù)統(tǒng)計(jì)數(shù)據(jù)分析和用戶的需求來調(diào)整產(chǎn)品。

5. APP對用戶更具粘性，用戶體驗(yàn)也更好。

6. M站對于營銷推廣活動非常方便，轉(zhuǎn)發(fā)分享方便快捷。

7. M站更新迭代產(chǎn)品速度，響應(yīng)產(chǎn)品調(diào)整非常快，隨時發(fā)布，而App需要審核時間。

8. M站跨平臺，無需開發(fā)安卓和iOS版，只需有瀏覽器即可。     

所以， 我覺得，M站和客戶端的是相輔相成的，M站的及時性和快捷性，是app無法比擬的。而app 的用戶體驗(yàn)，則是M站無法做到的。目前來說兩者是不可能被對方完全替代的，在互聯(lián)網(wǎng)營銷大行其道的今天，M站也越來越重要。營銷活動大多以H5頁面的形式展示和傳播的。通過M站的營銷和推廣，從而又促進(jìn)APP的使用和推廣。

目前，移動M站有輕APP 化的是趨勢。M站會越來越像個APP，使得M站也越來越重要。而且，很多APP的展示效果。原生代碼無法實(shí)現(xiàn)的時候，嵌套移動H5頁面也是一個很好的選擇。

下面介紹幾個移動M站建設(shè)的幾個點(diǎn)：

1. 51Degree

51degrees 號稱是目前最快、最準(zhǔn)確的設(shè)備檢測的解決方案。它是一個免費(fèi)開源的.NET移動應(yīng)用開發(fā)組件，可以用來檢測移動設(shè)備和瀏覽器，甚至可以獲取屏幕尺寸，輸入法，加上制造商和型號信息等。從而可以選擇性地被重定向到為移動設(shè)備而設(shè)計(jì)的內(nèi)容。由于擁有精確的移動設(shè)備的數(shù)據(jù)，所以幾乎支持所有的智能手機(jī)，平板電腦等移動設(shè)備。

其實(shí)說白了，51Degree的作用，就是識別客戶端的設(shè)備。PC瀏覽器訪問，就跳轉(zhuǎn)到PC站，手機(jī)瀏覽器訪問就跳轉(zhuǎn)到M站。從而達(dá)到更好的用戶體驗(yàn)。

2. 架構(gòu)

其實(shí)移動web和傳統(tǒng)的web并沒有本質(zhì)的區(qū)別。說白了還是一個web 站點(diǎn)，使用的技術(shù)都是html+css+js。不同的是，只不過目前在 Html5的大趨勢下，將Html5加入到了移動M站，使得M站更像個輕APP。

3. Bootstrap

Bootstrap。就不多說了，網(wǎng)上很多Bootstrap的資料。它最大的優(yōu)勢應(yīng)該就是非常流行，非常容易上手，如果確少專業(yè)的設(shè)計(jì)或美工，那么Bootstrap 是一個比較好的選擇。他的用法及其簡單,幾乎沒什么學(xué)習(xí)成本,絕對是快速開發(fā)的利器。

4. 幾點(diǎn)建議：

1.移動m站的URL盡量和pc相同，這是為了避免同一URL在pc站可以顯示，但是在手機(jī)上打開卻是404；

2. M站寫單獨(dú)的TDK。

文章來源：博客園

<數(shù)商云（www.zhimaihui.cn）是國內(nèi)知名企業(yè)級電商平臺提供商，為企業(yè)級商家提供最佳的系統(tǒng)開發(fā)（多種模式電商平臺搭建：B2B/B2B2C/B2C/O2O/新零售等）、供應(yīng)鏈系統(tǒng)搭建及電商行業(yè)解決方案服務(wù)>