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群