A-Frame 前端WebVR以及后端Flask服务器搭建（三）

最新推荐文章于 2022-04-20 16:55:55 发布

小陀螺_Coder

最新推荐文章于 2022-04-20 16:55:55 发布

阅读量572

点赞数

CC 4.0 BY-SA版权

分类专栏： WebGL 文章标签： webVR flask

本文链接：https://blog.youkuaiyun.com/Scopperil/article/details/80996144

WebGL 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Flask框架搭建服务器，并与基于WebGL的前端页面进行交互。包括服务器的基本配置、路由设置及前端页面跳转等关键步骤。

前端基于 webGL的框架基本已经搭建起来了，服务器我们用简单实用的Flask来实现。

首先，配置python环境，最好下载一款IDE，推荐PyCharm，安装Flask的包。
完成之后，就可以创建服务器了。
创建一个py文件，配置python环境：

# 首先引入了Flask包，并创建一个Web应用的实例”app”
from flask import Flask
app = Flask(__name__)

#定义路由规则，简单来说就是访问路径
@app.route('/')
#当满足这个路由规则时，进入下面的model层。
def index():
    return '<h1>Hello World</h1>'

# if这一行保证了该服务器不会被调用执行，app.run()会启动服务器，默认是本地地址
#端口默认5000
if __name__ == '__main__':
    app.run()

点击运行，然后再浏览器上访问：
http://127.0.0.1:5000
就会得到想要的结果 hello world.
如果想在别的机器上访问，只需要加上:
app.run(host=’0.0.0.0’, port=8888, debug=True), 此时，可以通过你的IP地址访问，端口是8888.

当然，我们服务器需要应付的是很多路由，很多请求。
比如一个简单的登陆请求：

@app.route('/login', methods=['POST', 'GET'])
def login():
    if request.method == 'POST':
        if request.form['user'] == 'admin':
            return 'Admin login successfully!'
        else:
            return 'No such user!'
    title = request.args.get('title', 'Default')
    return render_template('login.html', title=title)

而在前端页面中表单中：

<form name="login" action="/login" method="post">
    Hello {{ title }}, please login by:
    <input type="text" name="user" />
</form>

当然在A-Frame中，会用到<link>来场景转换，比如：

   <a-link href="{{ url_for('get_form') }}" title="car" 
   position="-0.5 2 2"  rotation="0 90 0" image="#car">
  </a-link>

服务器：

@app.route('/car', methods=['post', 'get'])
def get_form():
    return render_template('car.html')

相当于页面跳转。
这就是使用Flask简单处理你设计的前端页面了。