?

摘要：

flask部署帶js、css、http請求的網(wǎng)頁，靜態(tài)文件的加載方法，內(nèi)網(wǎng)穿透napAPP

框架如下：

編輯

?靜態(tài)文件（css、js）放入static文件夾內(nèi)，templates里面放html，

文件夾名不能改（固定用法）；

到這步都懂的，下面就不用繼續(xù)了 ˙▽˙

寫入一個(gè)簡單的html

js，css樣式如下：

task接口也要寫在APP.py里，這樣就不會出現(xiàn)跨域問題了

flask寫接口的方法如下：

return雖然能處理html數(shù)據(jù)，但像大的網(wǎng)頁就需要render_template可以直接指定文件

要想加載靜態(tài)的js和css還需要對路勁進(jìn)一步處理

url_for可以動態(tài)精準(zhǔn)的構(gòu)造獲取url

這里有個(gè)坑，css一定要帶 ` rel="stylesheet" ` 不然會報(bào)錯(cuò)

還有{{ ** }}，花括號左右兩邊都要留有空格，

這樣就不會出現(xiàn)奇奇怪怪的bug

運(yùn)行效果如下：

到這步，也就只能局域網(wǎng)內(nèi)訪問

natAPP可以穿透內(nèi)網(wǎng)，讓外網(wǎng)也能訪問到這些內(nèi)容? ?▽??

NATAPP-內(nèi)網(wǎng)穿透 基于ngrok的國內(nèi)高速內(nèi)網(wǎng)映射工具

登錄，

構(gòu)建隧道，在 `我的隧道` 里面配置如下內(nèi)容，

復(fù)制上圖的authtoken的值

新建一個(gè)config.ini文件，與exe文件同級

文件只需修改authtoken=6e3b7*****7523a? ，這個(gè)值

以后啟用直接運(yùn)行exe文件即可

下面涂掉的那行并不是必要的，

之后還需修改res.js里的127.0.0.1:5000改成你的域名網(wǎng)址，通過域名訪問

flask編寫網(wǎng)頁

????http://thinkloading.natAPP1.cc/demo

源碼：https://gitee.com/tkgzone/CSDN.git

擴(kuò)展：

????????flask不適和高并發(fā)，一般都會使用Gunicorn或者是tornado來處理，再搭載nginx就能處理絕大部分的高并發(fā)問題

????????Gunicorn不支持win端；以tornado為例： pip install tornado

要注意的是win端只支持單進(jìn)程，并發(fā)比較多的還是買服務(wù)器比較好

（后臺數(shù)會比進(jìn)程數(shù)多一個(gè)）

第一個(gè)APP是APP.py，第二個(gè)是flask的實(shí)例

之后只啟動這個(gè)文件即可

nginx下載后，修改conf > nginx.conf 文件，添加在http{}里面

然后雙擊運(yùn)行即可，

proxy_pass反向代理，轉(zhuǎn)發(fā) 請求/返回的數(shù)據(jù)，在隊(duì)列滿時(shí)，默認(rèn)會幫你存儲1024個(gè)請求

（這個(gè)數(shù)值是可改的）