移動端開發基礎【2】uni-app項目調試


上一期我為大家分享了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一致,開發者就可以正常調試程序了。

以上就是本人親自使用,並且記錄的三種項目調試的過程了。希望可以幫助到你。關注我,下期我將為大家分享項目運行和發布這兩個方面的知識。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM