微信小程式開發原理與測試注意事項

2022-09-08 06:36:08 字數 1185 閱讀 1658

(1)why:小程式普及率高、提供使用者活躍度;

(2)what:小程式是什麼、具備哪些能力;

(3)how:小程式架構、測試注意點;

小程式是基於web規範,採用html、css和js等搭建的一套框架。

頁面:pages下,每個頁面再按資料夾劃分,每個頁面4個檔案

檢視:wxml,wxss

邏輯:js,json(頁面配置,不是必須)

1、waservice.js 框架js庫,提供邏輯層基礎的api能力

2、wawebview.js 框架js庫,提供檢視層基礎的api能力

3、waconsole.js 框架js庫,控制台

6、page-frame.html 小程式檢視的模板檔案,所有的頁面都使用此載入渲染,且所有的wxml都拆解為js實現打包到這裡

7、pages 所有的頁面,主要是處理wxss轉換,使用js插入到header區域。

view檢視層

小程式開發手冊

可以使用小程式開發者助手方便快捷的預覽和體驗線上版本,體驗版本以及開發版本。可以在體驗版本中測試。

有兩種方式可以方便的看到小程式的 運營資料

1、瀏覽器適配:ios與android瀏覽器不同;

2、rom適配:android不同廠商其瀏覽器可能不同;

3、解析度適配:ios和android不同機型適配;

4、典型案例分析:可羅列測試過程中的總結;

微信小程式開發注意事項

安裝過程next完成即可。1.安裝nodejs 開啟msi檔案next選擇安裝的位置d nodejs,最後完成即可 完成後環境變數path會自動新增d nodejs 完成後開啟cmd驗證node的版本號 在cmd視窗執行以下兩條命令 npm config set prefix d nodejs no...

微信小程式測試

小程式分為三個版本型別 開發版 體驗版 正式版 我們在測試時候一般會準備三套環境 1 開發版本 對應開發 測試環境 2 體驗版本 對應預發布環境 3 正式版本 對應生產環境 指定小程式 路徑,測試人員可問開發 如果有jenkins,也可以直接在jenkins上拉取已編譯 1 設定 如果我們要使用抓包...

微信小程式開發

一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...