【DoKit&北大专题】-读小程序源代码(一)
专题背景
近几年随着开源在国内的蓬勃发展,一些高校也开始探索让开源走进校园,让同学们在学生时期就感受到开源的魅力,这也是高校和国内的头部互联网企业共同尝试的全新教学模式。本专题会记录这段时间内学生们的学习成果。
更多专题背景参考:【DoKit&北大专题】缘起
系列文章
【DoKit&北大专题】缘起
【DoKit&北大专题】-读小程序源代码(一)
【DoKit&北大专题】-读小程序源代码(二)
原文
一、前言
这是一个前端初学者的阅读源代码笔记
初学前端,根据自己的喜好与需求选择了学习微信小程序。
阅读滴滴DoKit小程序方向的源码,一方面是可以学习前端相关的内容,另一方面也是希望借这个机会试着接触开源项目。
前端“初学”者是什么程度的初学者
在学习微信小程序开发前,我只学过Java、C++这些面向对象语言和基本的计算机基础,没有接触过JavaScript、HTML、CSS等前端的内容。这些前端有关的内容我都是通过微信小程序开发边看边学的,包括基础的HTML语法、CSS盒模型、flex布局等。
二、初识滴滴DoKit
根据滴滴DoKit官方文档的说明:
1、DoraemonKit 能够快速让你的业务测试代码能够在这里统一管理,统一收口;
2、DoraemonKit 内置很多常用的工具,避免重复实现,一次接入,你将会拥有强大的工具集合;
3、搭配dokit平台,借助接口Mock、健康体检、文件同步助手让你方便和他人协同,极大的提升研发过程中的效率。
简单的说,滴滴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…
来源:掘金