1. 前言
在日常的开发过程中,前端的APP或者H5页面的开发往往需要依赖接口的数据,为了满足前后端并行开发的需求,很多公司都提供了Mock数据的平台,服务端同学将定义好的接口文档维护到Mock数据平台后,前端同学即可通过Mock平台进行接口联调。但很多时候,当无法访问Mock数据平台的场景下,我们依然需要一套本地的Mock环境来支持前端页面的开发和联调。
既然是本地运行,那么简单、小巧就是首要的要求了。这里推荐的Python3+Flask
搭建本地网络服务,如果有需要使用域名访问的场景,推荐时候开源软件 SwitchHosts!来将域名映射到本地。
1.1 方案的意义和价值
相信您读到这里一定会奇怪,放着Fidder
、Charles
这样轻量级的解决方案不使用,为什么要费这么大的劲来搭建这个环境呢?
首先要说明一下Fidder
、Charles
一类的代理工具软件一般都提供动态的方式Mock数据(不了解的请自行百度),但是对于POST加密数据的请求的Mock就无能为力了,另外在数据的动态添加、删除方面也是Fidder
、Charles
等轻量级解决方案的短板。
2. 安装Python3
众所周知,Python有两个版本2.x和3.x,Python3已经发布很久了,目前已经更新到了3.7了,在这里也推荐大家与时俱进,安装和使用Python3。
2.1 安装Python3
Python3的安装步骤和其他的软件大同小异,大家可以参考我的历史文章中的步骤安装
- Python3 Windows平台安装步骤
- Python3 Linux平台安装步骤
- Python3 Mac平台安装步骤
3.安装和使用Flask
3.1 Flask简介
Flask框架是Python开发的一个基于Werkzeug和Jinja 2的web开发微框架,它的优势就是极其简洁,但又非常灵活,而且容易学习和应用。因此Flask框架是Python新手快速开始web开发最好的选择,此外,使用Flask框架的另一个好处在于你可以非常轻松地将基于Python的机器学习算法或数据分析算法集成到web应用中。
从第一眼看到就深深的爱上了她,因为简单,从安装到使用,就是那么的简单。
3.2 安装Flask
执行pip安装Flask:
pip3 install flask
画外音:看吧,就是这么的简单
3.2 轻松编写第一个网络接口
在IDE中创建一个文件app.py,然后只需要以下几行代码,就可以写出Flask版本的Hello World
- 使用
import
语句导入Flask
类
from flask import Flask
- 创建
Flask
对象,我们将使用该对象进行应用的配置和运行:
# name 是Python中的特殊变量,如果文件作为主程序执行,那么__name__变量的值就是__main__,如果是被其他模块引入,那么__name__的值就是模块名称。
app = Flask(__name__)
- 在主程序中,执行
run()
来启动应用:
if __name__ =="__main__":
app.run(debug=True, port=8080)
# 改名启动一个本地服务器,默认情况下其地址是localhost:5000,在上面的代码中,我们使用关键字参数port将监听端口修改为8080。
- 创建路由,使用app变量的
route()
装饰器来告诉Flask框架URL如何触发我们的视图函数:
@app.route('/')
def hello_world():
return 'Hello, World!'
# 上面的标识,对路径'/'的请求,将转为对hello_world()函数的调用
下面我们来看以下完成的代码:
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello, World!'
if __name__ =="__main__":
app.run(debug=True,port=8080)
- 运行
python app.py
- 在Pychem中运行的结果如下:
/usr/local/bin/python3.7 /Users/Projects/Python/MockTest/com/jd/mockTest/app.py
* Serving Flask app "app" (lazy loading)
* Environment: production
WARNING: This is a development server. Do not use it in a production deployment.
Use a production WSGI server instead.
* Debug mode: on
* Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
* Restarting with stat
* Debugger is active!
* Debugger PIN: 149-536-287
- 打开浏览器访问
http://localhost:8080/
,运行的结果如下:
到此为止我们已经实现了第一个网络接口,下面的章节我们开始正式编写Mock数据接口。
4.编写本地Mock服务
4.1 不同API接口返回对应的Mock数据
from flask import Flask
app = Flask(__name__)
# 接口studentInfo支持GET和POST两种请求方式,收到请求后直接返回Mock数据
@app.route('/studentInfo/', methods = ["GET","POST"])
def student_info():
return '{"name": "Kitty","age": 16,"gender": 1,"isStudent": true}'
# 接口schoolInfo同样支持GET和POSt两个请求方式,收到请求直接返回Mock数据
@app.route('/schoolInfo', methods = ["GET","POST"])
def school_info():
return '{"school": "Lycee Louis Le Grand","grade":2,"class": 1}'
if __name__ =="__main__":
app.run(debug=True, port=8080)
# 改名启动一个本地服务器,默认情况下其地址是localhost:5000,在上面的代码中,我们使用关键字参数port将监听端口修改为8080。
如上所见studentInfo
和schoolInfo
两个接口同时支持GET
和POST
两种请求方式,收到请求后直接返回Mock数据。运行后的结果如下:
我们定义一个新的接口只需要重新写一个Router
即可
# 声明Mock数据的接口以及请求方式
@app.route('/schoolInfo', methods = ["GET","POST"])
def school_info(): #声明新的方法名称
return mock data #返回对应的Mock数据即可
有没有感觉到很简单,没有一点挑战 ?
4.2 不同的请求参数返回对应的Mock数据
有些时候我们会需要根据接口中不同的参数的返回相应的Mock数据,是时候讲解一下如何解析请求的参数了。下面分别讲解解析GET
和POST
两种请求参数的方法:
1)解析GET
请求参数
- 首先需要导入
flask
提供的工具包:
from flask import request
from flask import jsonify
- 使用
request.method
判断当前请求是否是GET
请求:
if request.method == 'GET':
- 使用
request.args.get
获取网络请求的参数
user_id = request.args.get("uid")
name = request.args.get("name")
下面我们来看以下完成的代码:
from flask import Flask
from flask import request
from flask import jsonify
app = Flask(__name__)
@app.route('/studentInfo', methods=["GET", "POST"])
def student_info():
#判断是否是GET请求
if request.method == 'GET':
user_id = request.args.get("uid")
name = request.args.get("name")
print("Request Param [uid]:%s [name]:%s" % (user_id, name))
return jsonify({"uid": user_id, "name": name, "age": 18})
return '{"name": "Kitty","age": 16,"gender": 1,"isStudent": true}'
if __name__ == "__main__":
app.run(debug=True, port=8080)
- 下面是用
PostMan
发送GET
请求:
-
请求结果如下:
2)解析POST
请求参数
由于POST
请求的数据都放在Body中,支持的数据格式也多种多样,常用的数据请求格式有两种FORM表单
和JSON
,下面以这两种数据格式为例讲解如何获取请求参数。
- 和解析
GET
请求参数一样,首先需要导入flask
提供的工具包:
from flask import request
from flask import jsonify
- 使用
request.method
判断当前请求是否是POST
请求:
if request.method == 'POST':
- 解析
FORM表单
格式数据
使用request.form.get
获取网络请求的参数:
user_id = request.form.get("uid")
name = request.form.get("name")
下面我们来看以下完成的代码:
from flask import Flask
from flask import request
from flask import jsonify
app = Flask(__name__)
@app.route('/studentInfo', methods=["GET", "POST"])
def student_info():
if request.method == 'POST':
user_id = request.form.get("uid")
name = request.form.get("name")
print("Request Param [uid]:%s [name]:%s" % (user_id, name))
return jsonify({"uid": user_id, "name": name, "age": 18})
return '{"name": "Kitty","age": 16,"gender": 1,"isStudent": true}'
if __name__ == "__main__":
app.run(debug=True, port=8080)
使用PostMan发送POST
请求,注意Body选择x-www-form-urlencoded
选项:
请求返回结果同
GET
请求的返回结果,这里不做赘述。
- 解析
JSON
格式数据
先使用request.is_json
判断一下当前的请求数据是否是JSON
格式(请求的Content-Type
是application/json
才会被认识是JSON
格式),然后使用request.get_json()
获取请求的JSON对象,示例代码如下文:
params = request.get_json()
user_id = params['uid']
name = params['name']
下面我们来看以下完成的代码:
from flask import Flask
from flask import request
from flask import jsonify
app = Flask(__name__)
@app.route('/studentInfo', methods=["GET", "POST"])
def student_info():
if request.method == 'POST':
if request.is_json:
params = request.get_json()
user_id = params['uid']
name = params['name']
print("Request Param [uid]:%s [name]:%s" % (user_id, name))
return jsonify({"uid": user_id, "name": name, "age": 18})
return '{"name": "Kitty","age": 16,"gender": 1,"isStudent": true}'
if __name__ == "__main__":
app.run(debug=True, port=8080)
下面是使用PostMan发送请求测试,需要注意的是,需要先在Header
中设置Content-Type
,如下图:
设置请求的Body,注意选择
raw
选项输入JSON请求参数,如下图:
请求返回结果同
GET
请求的返回结果,这里不做赘述。
- 解析其他格式数据
flask提供了request.data
、request.get_data()
和request.stream
获取网络请求原始数据,大家可以根据需要选择调用对应的接口获取数据,这里不做赘述。
4.3 返回模板数据
flask框架还提供了强大的模板功能,可以事先编辑好带有占位符的模板,在程序运行的过程中,通过简单的代码将数据动态替换占位符,感兴趣的同学可以查看python轻量框架--Flask(模板详细版) 详细了解学习。
下面我们讲解如何返回模板数据:
- 首先导入flask提供的工具库
render_template
:
from flask import render_template
- 创建
templates
文件夹和模板文件user.json
模板文件user.json
的内容如下:
{
"uid": "1001",
"name": "Richard",
"age": 18
}
- 设置
templates
的目录:
app = Flask(__name__, template_folder='templates')
- 在网络请求中返回模板数据
@app.route('/studentInfo', methods=["GET", "POST"])
def student_info():
return render_template("user.json")
下面我们来看以下完成的代码:
from flask import Flask
from flask import render_template
app = Flask(__name__, template_folder='templates')
@app.route('/studentInfo', methods=["GET", "POST"])
def student_info():
return render_template("user.json")
if __name__ == "__main__":
app.run(debug=True, port=8080)
4.4 不需要Mock的接口如何处理
在开发新需求的时候,并不是所有的接口都需要Mock,难么对于已上线的功能接口能不能直接调用线上接口呢?答案是可以
,那么该如何实现呢?
我们都知道当访问的接口不存在时,一定会触发404网络错误,那么我们能不能拦截接管404错误的处理呢?幸运的是,答案也是肯定的,我们可以使用@app.errorhandler()
拦截处理对应的错误,请参考下面的示例:
from flask import Flask
from flask import request
from flask import render_template
import requests
app = Flask(__name__, template_folder='template')
@app.errorhandler(404)
def error(e):
if request.method == 'GET':
response = requests.get("http://YourUrl/" + request.path)
return response.text
elif request.method == 'POST':
response = requests.post("http://YourUrl/" + request.path, data=request.data)
return response.text
return render_template("404.json")
if __name__ == "__main__":
app.run(debug=True, port=8080)
在拦截到404错误后,可以结合requests
网络库再次发起网络请求,并将结果返回。
5.结语
到此为止教程终于完成了,感谢您的阅读,如果您在实现的过程中遇到任何问题,欢迎在留言区留言交流。