準(zhǔn)備把自己寫的爛網(wǎng)站重構(gòu)一下,讓有些功能能接口分離察滑。之前照著flask web開發(fā)這本書的教程來時,因為是新手所以用最簡單的方式來實現(xiàn)肩袍,當(dāng)時就不會去考慮前后端分離 !!!∑(?Д?ノ)ノ
現(xiàn)在JSON是大勢所趨的主流杭棵,所以我的前后端傳的都是JSON格式數(shù)據(jù)。
后端python: 使用的flask庫和第三方擴展,以登錄頁面的登錄接口為例子魂爪,因為只是簡單例子先舷,所以不包含model部分,只做簡單的邏輯處理滓侍。
前端的ajax: 我都用的是jquery實現(xiàn)蒋川,所以需得導(dǎo)入 jquery
restful風(fēng)格的接口實現(xiàn)例子
1、前端ajax:
<script type="text/javascript">
$(function () {
$('.btn').click(function () {
var $email=$('input[name="email"]').val();
var $password=$('input[name="password"]').val();
$.ajax({
url:'/api/login',
data:JSON.stringify({'email':$email,'password':$password}),
type:'POST',
dataType:'json',
contentType:'application/json',
}).done(function (data) {
if (!data.r){
alert('ok');
}
else{
alert('error');
}
});
});
});
</script>
對class為btn的buttun元素添加點擊事件撩笆,從而獲取輸入的賬號捺球、密碼,再通過jquery的ajax方法發(fā)出json格式的請求夕冲,
最后通過done回調(diào)函數(shù)獲取返回的data氮兵,判斷返回的值來彈出提示。
note:發(fā)出的data,要通過json.stringify轉(zhuǎn)換為字符串
2歹鱼、后端python實現(xiàn):
@app.route('/api/login',methods=['POST'])
def login():
json=request.get_json()
email=json.get('email')
password=json.get('password')
if email=='tang@163.com' and password=='tmhrush':
return jsonify({'r':0,"rs":'ok'})
else:
return jsonify({'r':1,"rs":'is error'})
通過request.get_json獲取json請求泣栈,通過jsonify函數(shù)返回序列化為json的數(shù)據(jù)
jsonrpc接口的實現(xiàn)例子:
1、前端ajax,
只需要把請求的data參數(shù)內(nèi)容和done回調(diào)函數(shù)的內(nèi)容改為jsonrpc規(guī)范的格式就可以了
例如:
data內(nèi)容:
data:JSON.stringify({"jsonrpc": "2.0", "method": "login", "params": {'email':$email,'password':$password} , "id": 1})
回調(diào)函數(shù)done內(nèi)容:
done(function (data) {
if ('reuslt' in data ){
alert('ok');
}
else{
alert('error');
}
});
2弥姻、后端python實現(xiàn):
用的flask_jsonrpc第三方擴展
其中有一個我覺得的小坑:
flask_jsonrpc 源碼中JSONRPC類的構(gòu)造函數(shù)中參數(shù)app默認(rèn)為None,但同時其中有這段代碼
if app is not None:
self.app = app
self.init_app(self.app)
else:
self.app = None
因為要實例化jsonrpc( JSONRPC類 )對象必須要傳入app(flask實例)參數(shù)
所以有不能在工廠函數(shù)create_app中實例 jsonrpc的問題南片,單獨在 api.py頁面中實例
from flask_jsonrpc import JSONRPC
from flask import jsonify
from .manage import app
jsonrpc = JSONRPC(app, service_url='/api')
@jsonrpc.method('login')
def login ():
json=request.get_json()
email=json.get('email')
password=json.get('password')
if email=='tang@163.com' and password=='tmhrush':
return {'r':0,"rs":'ok'}
else:
return {'r':1,"rs":'is error'}
通過jsonrpc.method建立視圖函數(shù)和URL接口的映射
from app.manage import manager
from app import api
#導(dǎo)入依賴模板
if __name__=='__main__':
manager.run()
note:在主模塊中導(dǎo)入api模塊
3、總結(jié)
以上就是這兩種接口的實現(xiàn)方法庭敦。
在我看來jsonrpc方式雖然麻煩一下疼进,但更適合做內(nèi)部程序的webapi接口,RPC協(xié)議使用二進制編碼秧廉,流量消耗小網(wǎng)絡(luò)性能更好伞广。而且RPC就像本地調(diào)用方法,添加接口很方便定血。
所以我覺得對外開放的WEB接口適合用restful風(fēng)格赔癌;而內(nèi)部接口jsonrpc更適合,而且rpc規(guī)范中對異常錯誤處理感覺很工程化澜沟。
首發(fā)于我的個人網(wǎng)站文章灾票,http://www.valkyrie233.com/post/3