小程式測試的幾個小Tips(趕快收藏啦!)

TestingGDR發表於2018-11-27

微信小程式備受很多人的關注,它的商業化程式也越來越快,隨著微信官方公佈的相關資料顯示,85%的小程式和電商有關。電商巨頭京東推出了不少小程式,例如“京東商城”,“京東手機”,“京東購物”,”京東眾籌”,“雜湊莊園”,“場館預訂”等。

下面就和大家一起分享下測試小程式與Web端的一些區別。

1. 小程式型別

小程式分為三種版本型別:開發版,體驗版,正式版。開發版和體驗版無需稽核,需要給微訊號配置許可權,通過掃小程式的二維碼才能訪問。正式版需要通過微信稽核流程,也就是說,在開發階段,產品還未成型開始,無論你想怎麼折騰,微信都有辦法知道。這可不像你在網上找了個框架或是工具,在本地怎麼玩都沒人知道。微信小程式開發者工具使用之前就要掃碼的。開發版和體驗版的區別,在於開發版小程式的二維碼有效期比較短。專案中,我們一般會準備三套環境。開發版訪問測試環境,體驗版訪問預釋出環境,正式版訪問生產環境。

2. 真機上的除錯模式

微信小程式,在真機的體驗真的很棒,對使用者而言,好用可用流暢是第一要點。其實小程式對於開發者,也提供了很友好的介面和完善的除錯功能,讓我萬萬沒想到的是,在真機上微信小程式也給開發者提供了除錯模式,請看圖片,童鞋們。

我們在真機上開啟微信小程式後,看到右上角的三個點,開啟之後我們就會看到有開啟除錯的字眼,直接選擇開啟即可,這裡有一個重啟小程式的過程,再次掃一掃二維碼進入就可以看到除錯了。

3. 小程式碼的相容性問題

a). 目前小程式不支援直接分享朋友圈,只能分享微信好友。所以很多小程式都採取了“曲線救國”的方式,通過生成帶有小程式碼的圖片,使用者可以退出小程式將圖片釋出到朋友圈。既然把小程式碼作為圖片的一部分,就涉及到小程式碼的位置,尺寸,還得不影響原有圖片的美觀,生成的小程式碼還需要是可識別的。這需要前端工程師費功夫做不同螢幕尺寸的適配。

b). 基礎庫與客戶端之間的關係。小程式的能力需要微信客戶端來支撐,每一個基礎庫都只能在對應的客戶端版本上執行,高版本的基礎庫無法相容低版本的微信客戶端。基礎庫更新時機。為了避免新版本的基礎庫給線上小程式帶來未知的影響,微信客戶端都是攜帶 上一個穩定版的基礎庫釋出的。在新版本客戶端釋出後,再通過後臺灰度新版本基礎庫,灰度時長一般為 12 小時,在灰度結束後,使用者裝置上才會有新版本的基礎庫。因此在不同版本的微信上進行測試,也是有必要的。

4. 頁面回退(頁面路徑最多隻能十層)

在這個保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。在官方文件中,有提示注意:目前頁面路徑最多隻能十層。如果開發在這裡處理不當,有可能出現超過十層回退,則會導致白屏,無法操作,導致必須重新開啟小程式才能正常工作。

結語:

跟大家推薦一個學習資料分享群:747981058,裡面大牛已經為我們整理好了許多的學習資料,有自動化,介面,效能等等的學習資料!人生是一個逆水行舟的過程,不進則退,我們們一起加油吧!


相關文章