上一期我為大家分享了uniapp項目的基本開發環境以及基本的一些工具的配置,本期我將為大家接着分享uniapp項目調試這一塊的知識。有興趣的朋友可以進來看看。
調試uni-app項目
1、瀏覽器項目調試
uni-app支持多個端同時調試,調試之前我們首先要配置一下瀏覽器的安裝路徑,默認HBuilder是檢測不到的。點擊【運行】->【運行到瀏覽器】->【配置web服務器】
在這里需要注意的是:你要在那種瀏覽器上調試,就將你要調試的瀏覽器的安裝路徑粘貼到對應的框中。然后就可以點擊>>運行>>運行到瀏覽器>>選擇你要運行的瀏覽器。就可以調試了。
2、手機真機調試
真機調試第一步需要安裝真機調試插件,點擊“運行”>>“運行到手機”>>“下載真機調試插件”,等待安裝完成。
需要注意的是,對於安卓手機,需要在手機上開啟開發者模式才能進行調試。打開手機【設置】>> 【關於本機】,找到【軟件版本】,連續點擊五次,就可以開啟開發者選項。
進入打開 【USB調試】,插上數據線連接手機,就會自動打開開發者選項列表,找到【設置】 >> 【高級設置】>> 【開發者選項】,如下:
完成以上步驟就正常使用真機調試了。
在操作的過程中可能會遇到中途需要進行一次授權,點擊確認就可以了,授權成功后你的手機上會安裝一個HBuilder app,之后在開發環境開發的所有內容都會在app中顯示。
iphone手機相比安卓手機來說簡單一些,連接手機后直接運行,但是,他會報錯,需要在手機里面進行設置。如下:
【設置】>> 【通用】>> 【設備管理】,信任一下HBuilder即可。
3、小程序調試:
Uni-app小程序的調試使用的是微信開發者工具,如果你是第一次使用,需要在小程序的運行配置中進行配置微信開發者工具的路徑。
點擊 【運行】 >> 【運行到小程序模擬器】>> 【運行設置】
以上運行配置完成之后,在HBuilder中點擊【運行】 >> 【運行到小程序模擬器】>> 【運行需要調試的項目】,就可以在微信開發者工具上運行我們的項目了。
使用微信開發者工具的時候需要注意兩個點:
1)微信開發者工具必須是官方最新版。
2)微信開發者工具需要授權。
完成以上步驟之后,就可以運行uniapp項目了,但是在編譯的時候還會報一種錯
報錯原因:“我們不是開發者”,需要進行開發者設置。
解決方法是前往微信公眾平台,登錄小程序賬號。
登陸官網地址:https://mp.weixin.qq.com/
登錄之后進行如下操作:
第一步:聯系管理員,因為只有管理員才有權限分配開發者權限。
第二步:管理>>成員管理>>點擊【添加成員】,注意這里只有管理員的界面才有“添加成員”這一選項,普通開發者是沒有這一選項的。
第三步: 新增成員微信號並勾選權限。
第四步:管理員掃描二維碼
管理員完成以上步驟開發者就可以正常調試程序了。
還有一種方法就是使用小程序賬號登錄微信公眾平台,在開發>>開發設置中,復制appid。
在HBuilderX中找到需要調試的項目,將復制的appid粘貼到下面標注的框中。
只要確定兩個地方的appid一致,開發者就可以正常調試程序了。
以上就是本人親自使用,並且記錄的三種項目調試的過程了。希望可以幫助到你。關注我,下期我將為大家分享項目運行和發布這兩個方面的知識。