Python全棧快餐教程(1) - 用Flask處理HTTP請求

初識Flask

Flask是最流行的Python web架構之一。

我們來寫個最小的web應用，隻有一個路由先跑進來玩玩吧。

from flask import Flask

# 定義flask app對象
app = Flask(__name__)

# 處理路由
@app.route('/')
def index():
    return "<h1>It works!</h1>"

# 運作起來，這裡可以指定端口和調試屬性等
app.run(port=30000,debug=True)           

處理url路徑中的資料

比如要處理

http://localhost:30000/code/test

，從中擷取test這個字元串，可以這樣寫：

@app.route('/code/<code>')
def complete(code):
    print('Received code:%s' % code)
    return 'Hello, %s' % code           

處理post消息

axios出場

要處理post消息的話，首先需要發送post消息，我們選擇在前端來做這事兒吧。前端麼，自然是js語言了，我們配上axios庫。

我們在node.js裡寫一下：

const axios = require('axios');

const instance = axios.create({
  baseURL: 'http://127.0.0.1:30000',
  timeout: 1000});

instance.post('/complete', {code:'#include <iostream>試試中文行不行'})
.then(function (response) {
  console.log('complete: '+response.data);
})
.catch(function (error) {
  console.log(error);
});           

處理post資料

其實非常簡單，隻要把request的data讀出來就好了。因為我們從js送過來的是一個位元組編碼的json串，是以我們先解碼一下，然後轉成json格式，最後讀取一下相應字段就好了：

@app.route('/complete', methods=['POST'])
def code_complete():
    code = request.data.decode()
    code2 = json.loads(code)
    return 'Hello'+code2.get('code')           

一些小trick

• Windows機器的名字不要用中文，否則flask無法啟動
• 不要用6666端口，否則Chrome不認
• POST的消息要處理，否則會報keyError傳回一個錯誤頁面