使用Python Flask搭建Web问答应用程序并发布到公网远程访问

本文介绍: 使用Py th on Flas k 搭建一个 web 问答应用程序框架，并结合 cpolar 内网穿透工具将我们的应用程序发布到公共网络上，实现可多人远程进入到该web 应用程序访问。

Fla sk是一个Py th on 编写的We b微框架，让我们可以使用Pyth on 语言快速实现一个网站或We b 服务，本期教程我们使用Pyth on Fla sk 搭建一个web 问答应用程序框架，并结合 cpolar 内网穿透工具将我们的应用程序发布到公共网络上，实现可多人远程进入到该web 应用程序访问。

在操作上我们将使用HTML来创建网页的结构，然后使用css 设计这个结构并且使其看起来更漂亮，此外还会利用Java script与页面上的不同元素进行交互，最后使用python与web 服务器（也成为后端）进行连接。

本篇文章代码使用 Pyth on3 运行

安装环境：需要在电脑上安装 Pyth on3 和 pip3。建议安装最新版本

检查是否有安装了pip的可用Pyt h on，查看Pyt h on和pip 版本：

C:&gt; py --version
Python 3.N.N
C:&gt; py -m pip --version
pip X.Y.Z from ... (python 3.N.N)

$ pip install -U Flask

conda create -n SAYHELLO python=3.10

conda activate SAYHELLO

mkdir SAYHELLO

cd SAYHELLO

code .

在SAYHELLO文件夹下新建两个附加文件夹，一个名为templates储存html 文件的位置，

另一个名为static文件夹，下面新建一个名为css的文件夹。

在css文件夹下新建一个名为main.css的文件，

body {
    text-align: center;
    background-color: SlateGrey;
}
p {
    color: white;
    font-family: Shanti;
    font-size: 1.2em;
    display: inline-block;
    margin:  20px;
}
img {
    margin: 60px 0 30px 0;
    width: 250px;
}
input {
  width: 300px;
  margin: 20px 20px;
  height: 50px;
  border: none;
  border-radius: 10px;
  font-family: Shanti;
  font-size: 1.3em;
  text-align: center;
}

input:focus {
    outline: none;
    border: solid 5px #00FFCE;
}

#greet {
    background-color: PaleVioletRed;
    border:  none;
    width:  200px;
    color: white;
}

#greet:hover {
    background-color: MediumVioletRed;
}

在templates文件夹里新建一个名为index.html的文件，

<!DOCTYPE html&gt;
<html&gt;
<head&gt;
    <meta charset="UTF-8"&gt;
    <title>Say Hello</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
</head>
<body>
    <img src="https://images.cpolar.com/img/202311271456089.png">
    <br>
    <form action="greet" method="post">
        {% for message in get_flashed_messages() %}
             <p>{{ message }}</p>
         {% endfor %}
        <br>
        <input type="text" name="name_input">
        <br>
        <input type="submit" value="GREET" id="greet">
    </form>
</body>
</html>

在SAYHELLO文件下新建一个名为Procfile的文件，

web: gunicorn app:app

在SAYHELLO文件下新建一个名为app.py的文件，

from flask import Flask, render_template, request, flash

app = Flask(__name__)
app.secret_key = "manbearpig_MUDMAN888"

@app.route("/")
def index():
	flash("what's your name?")
	return render_template("index.html")

@app.route("/greet", methods=['POST', 'GET'])
def greeter():
	flash("Hi " + str(request.form['name_input']) + ", great to see you!")
	return render_template("index.html")

在SAYHELLO文件下新建一个名为requirements.txt的文件，

certifi==2021.5.30
click==7.1.2
Flask==1.1.2
gunicorn==20.0.4
itsdangerous==1.1.0
Jinja2==2.11.2
MarkupSafe==2.0.1
Werkzeug==1.0.1
wincertstore==0.2

flask run

curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

sudo systemctl enable cpolar

sudo systemctl start cpolar

点击更新(注意,点击一次更新即可,不需要重复提交)

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

使用Py th on Fla sk 搭建 web 问答 应用 程序 框架，并发布到公网上 访问

文章 目录

前言

1. 安装 部署Flask并制作SayHel lo 问答 界面

2. 安装Cpolar 内网 穿透

3. 配置Flask的问答界面公网访问地址

4. 公网远程访问Flask的问答界面

发表回复取消回复

使用Python Flask搭建web问答应用程序框架，并发布到公网上访问

1. 安装部署Flask并制作SayHello问答界面

2. 安装Cpolar内网穿透

3. 配置Flask的问答界面公网访问地址

4. 公网远程访问Flask的问答界面

相关文章

发表回复 取消回复

使用Py th on Fla sk 搭建 web 问答应用程序框架，并发布到公网上访问

1. 安装部署Flask并制作SayHel lo 问答界面

2. 安装Cpolar 内网穿透

发表回复取消回复