輕松上手移動(dòng)互聯(lián):SiteApp建造日志
移動(dòng)互聯(lián)網(wǎng)的浪潮滾滾向前……把站長(zhǎng)們的心挑逗的撲通撲通。大站都紛紛雇人開(kāi)始寫(xiě)App了,中小站長(zhǎng)們?cè)趺崔k?找些物美價(jià)廉的方案吧。
由于很多網(wǎng)站默認(rèn)還是以Web為主,所以網(wǎng)站移動(dòng)化成為一種開(kāi)發(fā)難度較低,性價(jià)比較高的方案。國(guó)外有些網(wǎng)站就提供了在線生成App的工具。不過(guò)對(duì)兼容性有顧 慮或者英文不太好的朋友也別著急,這類在線生成網(wǎng)站移動(dòng)化功能國(guó)內(nèi)也有了。百度就是其中一員。貌似在2012年還叫做“百度移動(dòng)建站服務(wù)”,今年升級(jí)功能 之后改名Site App了。
叫啥名兒無(wú)所謂,活兒好就行。先來(lái)給自己的網(wǎng)站做個(gè)移動(dòng)站看看。
登陸到 http://siteapp.baidu.com,哎喲,大百度傲氣。居然不支持IE10。
百度SiteApp并不支持IE10瀏覽器
趕緊換了火狐瀏覽器,這回終于給面子了。
火狐瀏覽器登錄成功
***步是添加站點(diǎn),第二步是驗(yàn)證站點(diǎn)權(quán)限,上傳指定文件證明這個(gè)站點(diǎn)是你的就行。
添加站點(diǎn)
添加站點(diǎn)權(quán)限驗(yàn)證
上傳完畢之后點(diǎn)擊“開(kāi)始驗(yàn)證”,沒(méi)有意外的話就可以進(jìn)入正題了,什么,才剛進(jìn)入正題?
任務(wù)才剛剛開(kāi)始。繼續(xù)前進(jìn)吧,少年。
進(jìn)入正式的移動(dòng)轉(zhuǎn)站建設(shè)環(huán)節(jié)
站點(diǎn)添加成功后會(huì)在右側(cè)出現(xiàn)完成度提示,有點(diǎn)打怪升級(jí)的感覺(jué)。接下來(lái)要做的是頁(yè)面樣式的選擇,目前只有App風(fēng)格和網(wǎng)頁(yè)風(fēng)格兩種。(PS:捉急了,這是啥分法?)
選擇樣式
我這里選了App風(fēng)格和深藍(lán)。前進(jìn)到導(dǎo)航管理頁(yè),如果你的網(wǎng)站有很細(xì)致的欄目劃分,建議你不要怕辛苦,都列上。右邊那個(gè)手機(jī)模擬器會(huì)告訴你所列欄目會(huì)在Web App的什么方位出來(lái)。具體看自己的網(wǎng)站欄目定吧。
導(dǎo)航管理
如果你有子導(dǎo)航,加子導(dǎo)航。沒(méi)有的話就簡(jiǎn)單了,下一步。
定制頁(yè)面
這時(shí),右側(cè)的手機(jī)模擬器應(yīng)該會(huì)出現(xiàn)你的移動(dòng)站點(diǎn)雛形。如果覺(jué)得效果不好,可以點(diǎn)模擬器里的那個(gè)“立即優(yōu)化”繼續(xù)修改,一般不建議在移動(dòng)站點(diǎn)上顯示過(guò)多內(nèi)容,所以用那個(gè)可視化編輯器選擇性刪除一下比較好(PS:感覺(jué)那個(gè)編輯器還需改進(jìn),推薦給愛(ài)折騰的高手)。
優(yōu)化頁(yè)面
把頁(yè)面定制完了之后填一下移動(dòng)站點(diǎn)的名稱以及移動(dòng)站底部的版權(quán)信息、電話號(hào)碼、電子郵件等信息,大多是可選項(xiàng)。
高級(jí)設(shè)置
把前面那些小事做完之后,就得給你的移動(dòng)站點(diǎn)配置個(gè)新域名了。什么?域名我不是有了,為什么還要配置個(gè)新域名?
配置新域名
其實(shí)這個(gè)很好理解,很多大站以前都分WAP手機(jī)站和傳統(tǒng)PC站,這個(gè)新域名就是專門(mén)給手機(jī)用戶看的。填完之后需要到你的域名提供商那邊去做個(gè)CNAME的解析。把你要綁定的移動(dòng)站點(diǎn)地址解析到siteapp.baidu.com上去。
注意:要在六小時(shí)內(nèi)完成這個(gè)操作,否則本次域名配置失效!
看到“***一步,成功就在眼前!”的提示,精神為之一震。最下方還有PC域名適配的選項(xiàng),有需要的朋友可以帶上,我這里就沒(méi)選了。
域名解析成功之后,返回到SiteApp管理首頁(yè)。90%的進(jìn)度已完成,辛苦了。接下來(lái)要做的工作就是等。據(jù)說(shuō)一般要兩個(gè)工作日才會(huì)有結(jié)果,不過(guò)我這邊兩個(gè)小時(shí)沒(méi)到就通過(guò)了。感謝勤勞的工作人員。
審核通過(guò)
移動(dòng)建站已經(jīng)完成了,接下來(lái)可以打包生成APP。點(diǎn)選“生成應(yīng)用”按鈕,進(jìn)入最激動(dòng)人心的一步。由于我沒(méi)有iPhone手機(jī),就給Android打勾生成即可。
生成安裝包
應(yīng)用生成進(jìn)度
N個(gè)請(qǐng)耐心等待之后,咱的WebApp終于落地了,二話不說(shuō)馬上給我的Android手機(jī)裝上。
通過(guò)了國(guó)際安全軟件鑒定
安裝成功
打開(kāi)內(nèi)容界面看了一下,感覺(jué)還行。版式確實(shí)比PC版的更適合手機(jī)看。
App內(nèi)容界面
不過(guò)百度SiteApp對(duì)WordPress的支持不是很好。
WordPress登陸頁(yè)
偶爾打開(kāi)App會(huì)出現(xiàn)假死,程序一直保持下面這個(gè)狀態(tài)不動(dòng)。
話說(shuō),我當(dāng)時(shí)選的啟動(dòng)畫(huà)面好像是綠色……
偶爾會(huì)保持這個(gè)狀態(tài)不
個(gè)人感覺(jué)比較重要的是,百度在后臺(tái)提供了“我的WebApp”流量統(tǒng)計(jì)頁(yè)。除了趨勢(shì)分析之外,還有系統(tǒng)環(huán)境、來(lái)源統(tǒng)計(jì)、搜索詞三個(gè)功能,對(duì)運(yùn)營(yíng)人員很有幫助。
統(tǒng)計(jì)功能
總結(jié):
國(guó)內(nèi)***,免費(fèi),大牌廠商背景,都是其優(yōu)勢(shì)。
但和國(guó)外的知名同類服務(wù)相比,百度SiteApp的模板稍微有點(diǎn)單薄,可選擇性不是很多。另外就是WordPress兼容問(wèn)題,而這一點(diǎn)百度SiteApp還需改進(jìn)。畢竟WordPress的用戶可是相當(dāng)大的。