輕鬆上手移動互聯——百度SiteApp建造日誌

Web開發者發表於2013-06-18

  移動網際網路的浪潮滾滾向前……把站長們的心挑逗的撲通撲通。大站都紛紛僱人開始寫App了,中小站長們怎麼辦?找些物美價廉的方案吧。

  由於很多網站預設還是以Web為主,所以網站移動化成為一種開發難度較低,價效比較高的方案。國外有些網站就提供了線上生成App的工具。不過對相容性有顧慮或者英文不太好的朋友也彆著急,這類線上生成網站移動化功能國內也有了。百度就是其中一員。貌似在2012年還叫做“百度移動建站服務”,今年升級功能之後改名Site App了。

  叫啥名兒無所謂,活兒好就行。先來給自己的網站做個移動站看看。

  登陸到http://siteapp.baidu.com,哎喲,大百度傲氣。居然不支援IE10。

http://upload.chinaz.com/2013/0618/1371523368192.png

  百度SiteApp並不支援IE10瀏覽器

  趕緊換了火狐瀏覽器,這回終於給面子了。

  火狐瀏覽器登入成功

  第一步是新增站點,第二步是驗證站點許可權,上傳指定檔案證明這個站點是你的就行。

  新增站點

  新增站點許可權驗證

  上傳完畢之後點選“開始驗證”,沒有意外的話就可以進入正題了,什麼,才剛進入正題?

  任務才剛剛開始。繼續前進吧,少年。

  進入正式的移動轉站建設環節

  站點新增成功後會在右側出現完成度提示,有點打怪升級的感覺。接下來要做的是頁面樣式的選擇,目前只有App風格和網頁風格兩種。(PS:捉急了,這是啥分法?)

  選擇樣式

  我這裡選了App風格和深藍。前進到導航管理頁,如果你的網站有很細緻的欄目劃分,建議你不要怕辛苦,都列上。右邊那個手機模擬器會告訴你所列欄目會在Web App的什麼方位出來。具體看自己的網站欄目定吧。

  導航管理

  如果你有子導航,加子導航。沒有的話就簡單了,下一步。

  定製頁面

  這時,右側的手機模擬器應該會出現你的移動站點雛形。如果覺得效果不好,可以點模擬器裡的那個“立即優化”繼續修改,一般不建議在移動站點上顯示過多內容,所以用那個視覺化編輯器選擇性刪除一下比較好(PS:感覺那個編輯器還需改進,推薦給愛折騰的高手)。

  定製頁面

  把頁面定製完了之後填一下移動站點的名稱以及移動站底部的版權資訊、電話號碼、電子郵件等資訊,大多是可選項。

  高階設定

  把前面那些小事做完之後,就得給你的移動站點配置個新域名了。什麼?域名我不是有了,為什麼還要配置個新域名?

  其實這個很好理解,很多大站以前都分WAP手機站和傳統PC站,這個新域名就是專門給手機使用者看的。

  填完之後需要到你的域名提供商那邊去做個CNAME的解析。把你要繫結的移動站點地址解析到siteapp.baidu.com上去。

  注意:要在六小時內完成這個操作,否則本次域名配置失效!

  看到“最後一步,成功就在眼前!”的提示,精神為之一震。最下方還有PC域名適配的選項,有需要的朋友可以帶上,我這裡就沒選了。

  域名解析成功之後,返回到SiteApp管理首頁。90%的進度已完成,辛苦了。接下來要做的工作就是等。據說一般要兩個工作日才會有結果,不過我這邊兩個小時沒到就通過了。感謝勤勞的工作人員。

  稽核通過

  移動建站已經完成了,接下來可以打包生成APP。點選“生成應用”按鈕,進入最激動人心的一步。由於我沒有iPhone手機,就給Android打勾生成即可。

  生成安裝包

  應用生成進度

  N個請耐心等待之後,我們的WebApp終於落地了,二話不說馬上給我的Android手機裝上。

  通過了國際安全軟體鑑定

  安裝成功

  開啟內容介面看了一下,感覺還行。版式確實比PC版的更適合手機看。

  App內容介面

  不過百度SiteApp對WordPress的支援不是很好。

  偶爾開啟App會出現假死,程式一直保持下面這個狀態不動。

  話說,我當時選的啟動畫面好像是綠色……

  偶爾會保持這個狀態不動

  個人感覺比較重要的是,百度在後臺提供了“我的WebApp”流量統計頁。除了趨勢分析之外,還有系統環境、來源統計、搜尋詞三個功能,對運營人員很有幫助。

  統計功能

  總結:

  國內第一,免費,大牌廠商背景,都是其優勢。

  但和國外的知名同類服務相比,百度SiteApp的模板稍微有點單薄,可選擇性不是很多。另外就是WordPress相容問題,而這一點百度SiteApp還需改進。畢竟WordPress的使用者可是相當大的。

相關文章