DoKit 微信小程序研發助手SDK對外發布

Doraemon mini program debugger

一個支持小程序端的調試工具

開發背景

對於小程序開發者和測試同窗來講，不少臨時性的調試功能須要單獨開發去支持，好比查看小程序信息，手機信息 以及用戶信息，掃碼打開頁面等。這些功能對於每一個小程序都是類似的，並且遇到相似的需求時都須要進行單獨開發。

咱們內部經過對這些通用功能進行梳理沉澱，造成一個功能集合-哆啦A夢小程序端調試工具，以通用工具的形式開放對外，可以讓每一個小程序 均可以快速的接入這些通用而且與業務代碼無關的功能，如H5任意門，小程序基本信息，位置模擬等等。

簡單總結

Doraemon小程序端調試工具，內置不少經常使用的工具，避免重複實現，一次接入，你將會擁有強大的工具集合。

效果演示

哆啦A夢小程序端首頁效果演示

內置功能模塊

• app信息
  
  用於快速查看手機系統信息，小程序基本信息，用戶信息，受權信息等基礎信息，避免反覆打開手機設置或者調用小程序原生api進行查看。

• 位置模擬
  
  用於小程序端位置模擬，包括位置受權，位置查看，位置模擬，恢復位置設置等幾大功能，能夠經過簡單的點擊操做實現任意位置模擬和位置還原， 該功能的實現原理是經過對wx.getLocation進行方法重寫，進而進行位置模擬，位置模擬後，在小程序內全部調用位置查詢的方法內都將返回你設定的位置，還原後將恢復原生方法。

• 緩存管理
  
  一個強大的緩存管理面板，集成了對緩存的全部操做功能，包括設置緩存，清除緩存，更新緩存值等，能夠在小程序很是便利的進行緩存管理

• H5任意門
  
  能夠經過掃碼和粘貼連接的方式在小程序中打開h5頁面，操做簡單方便

• 更新版本
  當你的小程序進行代碼更新時，爲了獲取最新的線上包須要重啓小程序，該功能能夠在你的小程序上 經過點擊更新操做，直接獲取到最新的遠程代碼資源

快速上手

使用以前

在開始使用以前，你須要先閱讀 微信小程序自定義組件 的相關文檔。

如何使用

1. 經過 npm 安裝 npm install -s -d dokit-miniapp
2. 而後從node_modules中將dist/目錄拷貝到本身的項目中，而後按以下方式進行使用

在須要引用工具的頁面 page.json 中引入組件

"usingComponents": {
    "dokit": "../../dist/index/index"
}
複製代碼

在 page.wxml 中使用組件

<dokit/>
複製代碼

在應用app.json中經過以下方式註冊須要依賴的頁面

"pages": [
   "dist/appInformation/appInformation",
   "dist/debug/debug",
   "dist/h5door/h5door",
   "dist/logs/logs",
   "dist/positionSimulation/positionSimulation",
   "dist/storage/storage",
   "dist/index/index"
 ]
複製代碼

因爲微信小程序暫不支持開發環境和生產環境判斷，請在生產環境手動刪掉引用

後續規劃

性能工具（含如下功能）

1. 小程序加載時間
2. 首頁渲染時間
3. 進程內存展現
複製代碼

視覺工具

1. 控件檢查
2. 接口請求性能分析
3. 緩存文件管理器
4. 受權開啓管理工具
複製代碼

貢獻

有任何意見或建議都歡迎提 issue

github地址

github.com/didi/Doraem…

加入DoKit交流QQ羣