微信小程式作為加權應用平台,自2024年1月9日正式上線以來,一直受到眾多開發者的喜愛。 相較於通常花費數百M的Android和LOS系統下的App,小程式具有開發成本低、公升級快、共享入口多、使用者流量基數好、效率高等依託微信平台的獨特優勢。 借助微信龐大的使用者基數和隨時待命的設計理念,小程式吸引了大量使用者、開發者和各行各業的使用者參與。 本文介紹了小程式的開發流程,以及小程式開發中容易出現的一些問題和解決方法。
經過幾年的迭代,小程式的開發環境現在已經足夠成熟,可以滿足基本需求,介面也比較友好。 官方提供了豐富的開發工具、元件、API、擴充套件工具等,甚至提供了一整套設計指南,讓小規模開發者可以使用一系列官方工具直接進行開發。
我們可以從微信開放文件中註冊您的開發者資訊,**微信開發者工具,點選微信公眾平台官網首頁右上角的“立即註冊”按鈕,完成繫結後即可進行開發。
小程式是用J**A指令碼語言、XML、CSS語言編寫的,編寫小程式幾乎和Web前端開發一模一樣,有經驗的Web前端程式設計師開始小程式開發幾乎沒有技術門檻。 不同的是,小程式不是標準的H5+CSS3+J**Ascript架構,它與基於Web架構的W3C規範無關,小程式使用的是騰訊的重新定義和微信自己的技術規範和架構。
正如我們所看到的,開發工具的主介面分為四個區域:標題選單欄、導航按鈕、模擬器和主操作區域。 這個布局和 Chrome 開發者工具非常相似,導航按鈕位於選單底部,用於小程式的編輯模式和除錯模式切換、編譯**、後台和前台模式切換、專案管理等。
模擬器視窗是乙個頁面瀏覽器,實時顯示頁面狀態,供我們操作除錯,主操作區域位於開發介面的右下角。 目錄樹用於小程式的檔案管理,我們的編寫工作需要在編輯區完成。
小程式由描述整個程式的主部分(根目錄)和描述整個程式的一組頁面資料夾組成。
小程式的主要部分位於源資料夾的根日誌下,通常由 appjs、appjson 和 app 三個檔案組成。wxss,這三個檔案是小程式的架構檔案,不能重新命名。
小程式的每個頁面由四個檔案組成:【PageNameJS, L PageName】 JSON, L PageName]WXML 和 LPAGENAMEWXSS。在同一頁面上,四個檔案的路徑和檔名必須一致,否則在呼叫和處理檔案時將無法識別小程式。
2.1 經緯度漂移
在開發中,首先遇到的問題是定位不準確。 在用真機測試時,手機的顯示位置和實際地理位置有很大的差異,這在用於遇險和遇險的軟體中顯然是不切實際的。 當你檢視原始碼時,你看不到存在邏輯錯誤。
2.2. 頁面重定向與使用者體驗的邏輯關係
該程式要求在啟動時請求使用者的頭像和昵稱,以便在傳送求助訊息時將其傳遞給朋友尋求幫助。 如果應用資訊登入頁與主程式索引頁的過渡關係設計不合理,容易對使用者造成閒置干擾。 作者最初的設計思路是:索引頁是第乙個進入程式的頁面,如果頁面onshow0沒有獲取到登入資訊(全域性變數未定義),則跳轉到登入頁面,請求授權登入。
當我第一次設計跳躍關係時,我使用了 wxn**igateto0)函式到登入頁面,但這種情況下,當使用者沒有點選授權,直接使用安卓裝置的返回按鈕時,根據函式機制,會返回到原來的頁面,即索引貞操,然後索引頁面詢問判斷onshow0處是否存在全域性變數, 並且不會跳回登入頁面。迴圈往復,只有點選介面右上角的關閉,才能關閉小程式。 使用者體驗差。
資料來源:科學與資訊化。
原標題:淺析小程式開發的實際實踐及一些常見的問題解決思路。
作者:張磊。