专题背景

系列文章

【DoKit&北大专题】缘起

【DoKit&北大专题】-读小程序源代码（一）

【DoKit&北大专题】-读小程序源代码（二）

原文

一、前言

这是一个前端初学者的阅读源代码笔记

初学前端，根据自己的喜好与需求选择了学习微信小程序。 阅读滴滴DoKit小程序方向的源码，一方面是可以学习前端相关的内容，另一方面也是希望借这个机会试着接触开源项目。

前端“初学”者是什么程度的初学者

在学习微信小程序开发前，我只学过Java、C++这些面向对象语言和基本的计算机基础，没有接触过JavaScript、HTML、CSS等前端的内容。这些前端有关的内容我都是通过微信小程序开发边看边学的，包括基础的HTML语法、CSS盒模型、flex布局等。

二、初识滴滴DoKit

根据滴滴DoKit官方文档的说明：

简单的说，滴滴DoKit是一个面向前端开发人员的测试工具集合，把这个工具集合引入到自己的项目，不需要自己重新编写测试模块，进一步提高开发效率。

哆啦A梦的四次元口袋

DoKit是一个Android、iOS、微信小程序都通用的功能平台，官网上介绍的功能有一部分并没有在微信小程序端实现。目前DoKit小程序端的功能有：App信息、位置模拟、缓存管理、H5任意门、请求注射、更新版本、数据模拟（mock）。

之后的目标就是通过阅读源代码来了解各个功能是怎么实现的，但在阅读源代码之前还需要做的操作就是将DoKit模块引用到自己的小程序项目中。

三、将DoKit模块引用到自己的项目中

DoKit小程序端模块的引入很简单，可以参考官方指南进行下载安装，也可以选择在github上下载。

DoKit小程序 github地址

我们新建一个小程序示例项目，引入Dokit模块，结果如图所示。

点击DoKit图标，可以看到DoKit的功能界面：

点击各个功能按钮可以体验各种功能，需要注意的是位置模拟功能点击后提示需要授权。

和其他所有手机APP一样，微信小程序要获取用户的隐私信息也是需要授权的，具体设置方法是在小程序的app.json文件中添加permission，说明获取信息的用途。

  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将被盗用(X)" 
    }
  }

可以看到再次点击位置模拟时小程序会正常申请授权了。

总结

到目前为止，我们简单的了解了滴滴Dokit的功能，将Dokit模块引入到了自己的小程序项目中，并获取了地理位置授权。 从下一篇文章开始，我们将正式开始阅读Dokit的源代码。

作者信息

作者：亦庄亦谐

原文链接：juejin.cn/post/694715…

来源：掘金