2分钟

任务 5 Web页面配置及效果展示

任务目的

实验中的最后一步会介绍如何基于云服务器CVM,实现Web页面的配置与展示。完成这一步的操作后,学员可以通过本地浏览器访问实验中构建的Web页面。

任务步骤

1.修改配置信息

登录先前创建好的云服务器Linux实例,具体的登录流程可以参考 任务1 项目环境配置 中的 1.新建并登录CVM云服务器实例 这一小节。

注:如果学员先前没有退出,但长时间没有操作终端,终端界面中已经出现了* Connection closed *字样,说明终端已经断开了登录连接,此时按任意键可以重新登录终端。

执行下方命令,打开项目中的配置文件:

vim /root/assess_quality_demo/config.py

按下i键进入编辑模式。

通过方向键移动光标,将腾讯云的个人密钥信息(secret_idsecret_key)替换为先前获取到的腾讯云个人密钥,如有需要可以同时替换所属地域(region)的配置信息:

4-5-1 修改配置信息

注意:如果希望项目能够顺利运行,个人密钥的信息一定要进行替换,否则无法进行图像质量分析API的调用。

完成配置信息的替换后,可以按下ESC进入命令行模式。然后输入:wq并按下回车,即可保存并退出文件。

至此项目的配置信息已经完成了修改,接下来便可以尝试运行Web项目。

2.运行Web项目

在Linux实例中执行以下命令,可以运行图像质量评估的Web项目:

python3 /root/assess_quality_demo/app.py

运行成功后,会展示类似下方的提示信息:

* Serving Flask app "app" (lazy loading)
* Environment: production
WARNING: This is a development server. Do not use it in a production deployment.
Use a production WSGI server instead.
* Debug mode: off
* Running on http://0.0.0.0:5000/ (Press CTRL+C to quit)

注意:提示信息中有提到, 这个服务器是一个用于开发的服务器,不要将它用于生产环境 。Flask自带服务器的处理能力极其有限,仅适用于测试使用。本例为简化步骤直接自带服务器用于进行测试。如果配置正式的生产环境,需要搭建一个专门的Web服务器。

3.访问Web页面

(1)获取云服务器实例的IP地址。

进入云服务器的 实例列表页 ,复制项目中使用的Linux实例的公网IP地址:

4-5-2 获取实例的公网IP

(2)通过浏览器访问项目页面。

在浏览器中新建一个页面,输入服务器的IP和项目端口,尝试访问页面。

如Linux实例的IP为1.1.1.1,可以通过访问1.1.1.1:5000进入项目页面(Flask项目的默认端口为5000)。

如果访问成功,将会展示如下的项目页面:

4-5-3 项目展示页面

接下来便可以尝试进行图片质量检测的操作,确认项目功能已经顺利实现。