任务 5 Web页面配置及效果展示
任务目的
实验中的最后一步会介绍如何基于云服务器CVM,实现Web页面的配置与展示。完成这一步的操作后,学员可以通过本地浏览器访问实验中构建的Web页面。
任务步骤
1.修改配置信息
登录先前创建好的云服务器Linux实例,具体的登录流程可以参考 任务1 项目环境配置 中的 1.新建并登录CVM云服务器实例 这一小节。
注:如果学员先前没有退出,但长时间没有操作终端,终端界面中已经出现了
* Connection closed *
字样,说明终端已经断开了登录连接,此时按任意键可以重新登录终端。
执行下方命令,打开项目中的配置文件:
vim /root/assess_quality_demo/config.py
按下i
键进入编辑模式。
通过方向键移动光标,将腾讯云的个人密钥信息(secret_id
、secret_key
)替换为先前获取到的腾讯云个人密钥,如有需要可以同时替换所属地域(region
)的配置信息:
注意:如果希望项目能够顺利运行,个人密钥的信息一定要进行替换,否则无法进行图像质量分析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地址:
(2)通过浏览器访问项目页面。
在浏览器中新建一个页面,输入服务器的IP和项目端口,尝试访问页面。
如Linux实例的IP为1.1.1.1
,可以通过访问1.1.1.1:5000
进入项目页面(Flask项目的默认端口为5000)。
如果访问成功,将会展示如下的项目页面:
接下来便可以尝试进行图片质量检测的操作,确认项目功能已经顺利实现。
学员评价