react-native開發怎樣調試網絡請求?


前段時間剛開始進行react-native開發;搭建好了環境等之后,發現其自帶的remote debug工具並不能查看網絡請求;於是查找了一下怎樣進行其網絡請求調試;調試工具為Reacotron,其效果如下,可以查看到我們開發的app中網絡請求,和PC端開發瀏覽器中network調試一樣:


其安裝配置也十分簡單,具體步驟如下:

  • 下載對應版本:https://github.com/infinitered/reactotron/releases
  • 自己的項目中安裝reactotron-react-native
    npm i --save-dev reactotron-react-native
  • 自己項目文件目錄下創建ReactotronConfig.js文件(隨意目錄都可),ReactotronConfig.js文件中粘貼以下內容:
import Reactotron, { networking } from 'reactotron-react-native' 
Reactotron
.configure() // controls connection & communication settings
.useReactNative(networking()) // add all built-in react native plugins
.connect() // let's connect!
  • 最后將ReactotronConfig.js文件引入App.js 或者index.js的第一行(我是寫在App.js中)
    在這里插入圖片描述
    現在就可以打開客戶端使用啦!官方鏈接:https://github.com/infinitered/reactotron
    注意用真機調試打開9090端口哦!adb reverse tcp:9090 tcp:9090


免責聲明!

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



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