win端flask编写部署含js/css的简单网页+内网穿透

摘要:
flask部署带js、css、http请求的网页,静态文件的加载方法,内网穿透napAPP
框架如下:

静态文件(css、js)放入static文件夹内,templates里面放html,
文件夹名不能改(固定用法);
到这步都懂的,下面就不用继续了 ˙▽˙
写入一个简单的html
js,css样式如下:
task接口也要写在APP.py里,这样就不会出现跨域问题了
flask写接口的方法如下:
return虽然能处理html数据,但像大的网页就需要render_template可以直接指定文件
要想加载静态的js和css还需要对路劲进一步处理
url_for可以动态精准的构造获取url
这里有个坑,css一定要带 ` rel="stylesheet" ` 不然会报错
还有{{ ** }},花括号左右两边都要留有空格,
这样就不会出现奇奇怪怪的bug
运行效果如下:



到这步,也就只能局域网内访问
natAPP可以穿透内网,让外网也能访问到这些内容 ◐▽◑
登录,
构建隧道,在 `我的隧道` 里面配置如下内容,



复制上图的authtoken的值
新建一个config.ini文件,与exe文件同级
文件只需修改authtoken=6e3b7*****7523a ,这个值
以后启用直接运行exe文件即可
下面涂掉的那行并不是必要的,

之后还需修改res.js里的127.0.0.1:5000改成你的域名网址,通过域名访问

flask编写网页
http://thinkloading.natAPP1.cc/demo
源码:
扩展:
flask不适和高并发,一般都会使用Gunicorn或者是tornado来处理,再搭载
就能处理绝大部分的高并发问题Gunicorn不支持win端;以tornado为例: pip install tornado
要注意的是win端只支持单进程,并发比较多的还是买服务器比较好
(后台数会比进程数多一个)
第一个APP是APP.py,第二个是flask的实例
之后只启动这个文件即可
nginx下载后,修改conf > nginx.conf 文件,添加在http{}里面
然后双击运行即可,
proxy_pass反向代理,转发 请求/返回的数据,在队列满时,默认会帮你存储1024个请求
(这个数值是可改的)

