欢迎光临散文网 会员登陆 & 注册

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

2022-05-30 20:46 作者:灰色de世界  | 我要投稿

 

1d7487ad6c694a03908e0520e6ea6a44.png


摘要:

flask部署带js、css、http请求的网页,静态文件的加载方法,内网穿透napAPP


框架如下:

ecd9a1b5354e43249b9e77a1e1ef68b0.png

编辑

 静态文件(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

运行效果如下:

e47e6fdd235e4a258c9c7f4ece52143b.png
9f87c5250358465bba9988dbe9efe8aa.png
9b750c59909240528523626f2db91aae.png

到这步,也就只能局域网内访问

natAPP可以穿透内网,让外网也能访问到这些内容  ◐▽◑ 

NATAPP-内网穿透 基于ngrok的国内高速内网映射工具

登录,

构建隧道,在 `我的隧道` 里面配置如下内容,

a78392cb33b4410aa7abb4a4b04a5716.png
c31c5acbd8ea4be48e7a9b1abb9ec03e.png
136b2a671b95423585e0e25e22592ca2.png

复制上图的authtoken的值

新建一个config.ini文件,与exe文件同级

文件只需修改authtoken=6e3b7*****7523a  ,这个值

以后启用直接运行exe文件即可

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

47a6cefd8e874f40b2f51753aebc2e22.png

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

a74822fe3e7141878460b86a27909695.png

flask编写网页

    http://thinkloading.natAPP1.cc/demo

源码:https://gitee.com/tkgzone/CSDN.git


扩展:

        flask不适和高并发,一般都会使用Gunicorn或者是tornado来处理,再搭载nginx就能处理绝大部分的高并发问题

        Gunicorn不支持win端;以tornado为例: pip install tornado

要注意的是win端只支持单进程,并发比较多的还是买服务器比较好

(后台数会比进程数多一个)

第一个APP是APP.py,第二个是flask的实例

之后只启动这个文件即可


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

然后双击运行即可,

proxy_pass反向代理,转发 请求/返回的数据,在队列满时,默认会帮你存储1024个请求

(这个数值是可改的)

e20379b0a51e424cabe0eecf21821efc.png


win端flask编写部署含js/css的简单网页+内网穿透的评论 (共 条)

分享到微博请遵守国家法律