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

913 阅读3分钟

专题背景

近几年随着开源在国内的蓬勃发展,一些高校也开始探索让开源走进校园,让同学们在学生时期就感受到开源的魅力,这也是高校和国内的头部互联网企业共同尝试的全新教学模式。本专题会记录这段时间内学生们的学习成果。

更多专题背景参考:【DoKit&北大专题】缘起

系列文章

【DoKit&北大专题】缘起

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

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

原文

一、前言

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

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

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

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

二、初识滴滴DoKit

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

1、DoraemonKit 能够快速让你的业务测试代码能够在这里统一管理,统一收口;

2、DoraemonKit 内置很多常用的工具,避免重复实现,一次接入,你将会拥有强大的工具集合;

3、搭配dokit平台,借助接口Mock、健康体检、文件同步助手让你方便和他人协同,极大的提升研发过程中的效率。

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

dokit.jpg 哆啦A梦的四次元口袋

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

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

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

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

DoKit小程序 github地址

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

demo.png 点击DoKit图标,可以看到DoKit的功能界面:

功能界面.png

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

授权.png

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

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

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

弹窗.png

总结

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

作者信息

作者:亦庄亦谐

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

来源:掘金