呼和浩特小程序開發與調試
發布時間:2025-08-21閱讀次數:2413
開發工具和調試步驟
如果您使用的是uniapp框架,需要參考如下步驟:
? HBuilderX:這是uniapp的官方IDE,可以下載開發版或標準版。
? 微信開發者工具:這是微信小程序的官方開發工具,可以到微信官網下載
開發和調試的步驟如下:
1.打開HBuilderX,選擇文件->新建項目->選擇uni-app項目,輸入項目名稱,選擇模板,點擊創建。
2.打開項目的manifest.json文件,找到mp-weixin節點,輸入你的微信小程序AppID,如果沒有,可以在微信公眾平臺申請。
3.打開微信開發者工具,選擇設置->安全設置->服務端口,勾選開啟服務端口。
4.在HBuilderX中,選擇運行->運行到小程序模擬器->微信開發者工具,HBuilderX會自動啟動微信開發者工具,并導入uni-app生成的小程序項目。
5.在微信開發者工具中,你可以看到uni-app的效果,也可以使用微信小程序的調試功能,比如控制臺,網絡,性能等。
6.在HBuilderX中,你可以使用Vue.js語法開發你的小程序頁面,組件,邏輯,樣式等,HBuilderX會實時編譯你的代碼,并同步到微信開發者工具中,你可以看到實時的變化。
7.當你的小程序開發完成后,你可以選擇發布->發布到小程序平臺,HBuilderX會打包你的小程序項目,并生成一個zip文件,你可以在微信開發者工具中上傳這個zip文件,然后在微信公眾平臺上提交審核,等待發布。
如果您是微信原生小程序,請參考微信小程序開發文檔,文檔比較詳細。
開發注意事項如何減少小程序包的體積由于微信對小程序上傳做了限制,每個包的大小不能超過2M,這時就需要我們在開發之前進行分包處理,也就是將一個大的單包拆分成多個包,比如一個主包,多個子包。當然,如果你是在本地開發,不上傳到微信服務器上就不會限制的,所以我們盡量在開發前就按照業務模塊進行包的拆分。一般來說,主包可以是首頁、個人中心等公共的內容,子包可按業務模塊進行拆分。
1、有關靜態資源引入方案一般來說,小程序開發過程中包含的靜態資源比較多,比如logo、輪播圖、背景圖、示例圖片等。這些圖片占用了大部分的體積,這種無論你如何分包都是肯定會超過2M的。我們可以將靜態資源發布到靜態資源服務器中,比如nginx。在加載靜態資源時,以網絡url模式進行加載。
2、有關字體(iconfont)文件的引入方案在我們引入阿里圖標庫時,都是將圖標庫的靜態文件放到代碼中,使用css方式進行引入,為了減少體積,我們可采用如下方式:下載圖標庫文件,將iconfont.css放入項目內,把@font-face修改為在線圖標庫生成的在線鏈接,地址頭需要添加https。注意:使用網絡引入iconfont后,需要在小程序后臺設置中將阿里云官網的地址添加到允許的域名列表中。否則無法訪問到相關網絡請求。
3、商戶證書、APIv3密鑰申請及配置當我們的小程序接入了微信支付的功能,為了保證支付安全,需要我們配置商戶的公鑰證書、私鑰、以及生成APIv3對稱密鑰。同時要在程序中以全局的模式下載微信平臺證書。這些過程這里不做敘述,只作為開發的步驟提醒。如果想了解,請查看具體的文檔。
測試與小程序配置
1 服務器域名配置當本地測試不滿足我們的要求時,我們就需要將小程序上傳到微信平臺上。尤其是當多個人測試微信小程序,并使用微信支付的功能時。那我們需要做一些配置。首先在開發管理菜單中,對服務器域名進行配置。官方要求,配置的必須為備案的域名,并且已經申請了https證書。如下圖所示:配置的域名是小程序應用服務器后臺的入口地址,所以這對我們后臺環境的部署也有一定的要求:
(1)外網可訪問
(2)要申請備案的域名
(3)配置https證書建議大家在開發時,配置整個應用的入口地址,也就是具備了公網ip的服務器或云服務器地址。
2 管理小程序項目成員可對小程序設置項目成員,添加了項目成員才有權限在手機上體驗和使用小程序,同時也可以給項目成員添加小程序的權限,比如:開發、數據統計、數據分析、小程序運營等。添加方式是通過微信號的方式進行添加。
3 上傳體驗版進行測試體驗版:就是給項目人員進行測試或用戶測試使用的,體驗版脫離了本地開發者工具測試,本地開發者工具測試只能是一個人測,而體驗版是多個人測試。體驗版可以在本地開發者工具中進行代碼編譯和上傳,上傳時請勾選壓縮代碼。體驗版每次上傳都會進行版本覆蓋,所以體驗版是沒有升級的概念的。體驗版需要配置頁面的路徑(首頁)才能訪問小程序。 8 小程序版本及上線過程微信公眾平臺小程序提供了3類版本:
1、體驗版(開發版): 測試版本。
2、審核版本:這個版本需要在體驗版提交審核,提交審核時有以下限定條件:需要維護小程序類目,小程序類目是確定小程序經營范圍的,是和企業及單位掛鉤的,在維護小程序類目時,如果業務涉及到了拍賣、電商、商業服務等業務范圍,必須提供相應的資質,比如,拍賣業務就必須上傳企業資質,網站備案證書及拍賣證書等,否則您的小程序代碼在審核中是無法通過的。提交審核時,微信平臺人員會檢查您的服務器域名是否備案,是否是真實且能夠訪問的有效地址,同時會運行起你的小程序檢查小程序的界面是否符合你填寫的小程序經營類目,否則小程序的代碼審核也是不通過的。所以當您的小程序想要提交到審核版本時,你必須完成上述的要求。
3、線上版本:線上版本就是在審核版本提交發布后,直接發布到了線上版本。但是在提交發布前,我們必須要完成小程序備案,小程序備案的入口:設置-》小程序備案。小程序備案目的是為了保障用戶的合法權益,保證小程序能夠在運營過程中合法、合規。備案,涉及工信部審核。備案時需要填寫兩大部分信息:(1)主體負責人信息:需要提供小程序主體負責人的身份信息、電話等。小程序的主體負責人必須是注冊小程序的法人信息,填寫時微信平臺會核對。(2)小程序負責人信息:需要提供小程序負責人的身份信息和電話等,小程序負責人即為小程序管理員。小程序備案的填寫的信息相對于來說比較簡單,備案申請會提交到工信部進行審核。這其中會有一步初審,初審的目的就是再次檢查一下您的小程序是否都具備相關的資質、證書等。初審通過后,工信部會發給法人一條短信,短信信息就是短信驗證碼,需要法人在收到短信24小時內到工信部官網進行短信核驗,核驗通過后大概會提交給管局進行審核,審核如果通過即備案完成。備案完成時間大概為3-5天。備案完成后即可提交發布,發布后立即就為線上版本了。 9 小程序如何進行版本升級,每次代碼變化都要經歷剛剛說的審核步驟么答案:是的,如果您的小程序代碼發生了變更,都需要經歷8節說的提交審核的過程,但是,這不會耽誤太長時間,一般半天就可以完成。那小程序是如何進行升級的呢?升級時需要編寫升級代碼。更新機制小程序的更新機制分為:?未啟動時更新?啟動時更新未啟動時更新:意味著微信客戶端會在用戶不在訪問小程序期間,主動觸發更新,最慢24小時內覆蓋所有用戶。如果用戶在未覆蓋期間進入小程序,則觸發了啟動時更新。啟動時更新:用戶冷啟動進入小程序時,均會檢測小程序是否有更新版本,若有則后臺默默更新,準備為下次冷啟動時使用。需要注意的是,此時訪問的仍是舊版本的小程序。如果此時想手動使用新版小程序,則可以使用官方API。
如若用戶是第一次打開小程序(即新用戶),則會直接打開最新版本的小程序。此時不需要考慮更新機制。由于官方API沒有提供主動下載新版本小程序的能力,僅提供了檢測的能力。因此,當新版本下載失敗時,沒法主動觸發重試,只能讓用戶繼續訪問舊版本的小程序。下載失敗之后,小程序的重試機制不得而知。可能需要等待小程序被銷毀之后,再次冷啟動時才會再次主動更新;又或者等待24小時之后。由于可能存在下載新版本失敗的用戶,因此小程序的后端服務需要考慮向后兼容。另外,可以在下載失敗的回調函數里加入數據統計,用于計算更新失敗的概率。
實際情況:新上線的版本,如果是熱啟動,就是之前的小程序打開過,小程序會在后臺自動觸發更新操作,并不會有提示。如果您之前打開過小程序,再次打開小程序后不會觸發更新代碼,而就是最新的代碼了。