华为云云耀云服务器L实例评测 | Linux系统宝塔运维部署H5游戏

2023-09-14 20:00:14


前言

本章节内容,我们主要介绍华为云耀服务器L实例,从云服务的优势讲起,然后讲解华为云耀服务器L实例资源面板如何操作,如何使用宝塔运维服务,如何使用运维工具可视化安装nginx,最后部署一个自研的H5的小游戏(6岁的小朋友玩的很开心😁)。
前端的同学如果想把自己的作品通过互联网展示出来的,希望这篇文章可以给前端同学一点借鉴,在此㊗️大家中秋节快乐。

游戏地址:http://139.159.230.49/mc.html
在这里插入图片描述


一、云服务器相对传统服务器有什么优势

云服务器(Cloud Servers)具有许多优势,这些优势使其成为许多个人和企业首选的托管和计算解决方案之一。云服务器提供了强大的计算资源,同时降低了管理和维护的复杂性,使组织能够更灵活地应对变化,并更有效地管理IT基础设施。然而,选择云服务器时,仍然需要根据特定需求和预算仔细考虑不同提供商的特性和定价模型。以下是一些云服务器的好处:

1.1、可伸缩性(Scalability)

云服务器可以根据需求轻松扩展或缩减计算资源。您可以根据流量和工作负载的变化增加或减少服务器的数量,而无需购买新硬件。

1.2、灵活性(Flexibility)

云服务器提供多种操作系统和应用程序选择,您可以根据需要自由配置和管理服务器。这种灵活性使您能够满足各种不同的业务需求。

1.3、高可用性(High Availability)

云服务提供商通常提供高可用性保障,确保您的应用在硬件故障或其他问题发生时仍然可用。这通常通过分布在多个数据中心的服务器来实现。

1.4、备份和恢复(Backup and Recovery)

云提供商通常提供备份和快速恢复选项,以确保数据的安全性和可用性。您可以轻松创建备份,并在需要时恢复数据。

1.5、成本效益(Cost-Effectiveness)

使用云服务器通常可以降低总体成本,因为您只需支付实际使用的资源,而无需购买和维护物理硬件。此外,没有大额的前期投资。

1.6、全球性(Global Reach)

云服务器允许您将应用和数据部署到全球各地的数据中心,从而提供更快的访问速度和更好的用户体验,无论用户身在何处。

1.7、安全性(Security)

云提供商通常提供强大的安全性措施,包括防火墙、身份验证、加密和监控。这有助于保护您的数据免受威胁和攻击。

1.8、管理简便(Ease of Management)

云服务提供商通常提供易于使用的管理工具和控制面板,使您可以轻松监视和管理服务器、应用程序和资源。

1.9、快速部署(Quick Deployment)

您可以在几分钟内创建和配置云服务器,而无需等待物理硬件的交付和设置。

1.10、绿色环保(Environmental Sustainability)

云服务器通常在大型数据中心中托管,这些数据中心通常使用节能技术,有助于减少能源消耗和碳排放。

二、华为云耀服务器L实例资源面板如何操作

这里省略华为云耀服务器L实例操作,可以去华为活动专场找工作人员领券购买。
我这里演示的华为云耀服务器L实例是领券后一年95元,2核2G3M带宽,活动力度相当大了,此机器作为Web服务演示服务器,也是相当抗打。
在这里插入图片描述

2.1、华为云耀服务器L实例初体验

1、通过huaweicloud.com/网址访问华为云并登录;
2、点击【产品】,在搜索框搜索【华为云耀】,单击【华为云耀服务器L实例】,进入【概览】;
在这里插入图片描述
3、在【概览】里,单击【控制台】,进入云服务控制台页面;
在这里插入图片描述
如果没有服务器的可以选择【领取新用户专享优惠券 立即领取】
在这里插入图片描述
4、在【云服务控制台】页面单击卡片,进入【云耀云服务器L实例】操作页面
在这里插入图片描述
在这里插入图片描述

2.2、华为云耀服务器L实例操作

2.2.1、配置华为云耀服务器L实例密码

在【应用搭建】- 【初始化环境】里找到【第一步:设置服务器密码】,单击【设置/重置密码】,去设置服务器密码
在这里插入图片描述
在这里插入图片描述

2.2.2、配置华为云耀服务器L实例安全组

在【第二步:配置安全组】里,点击【配置规则】,添加【入方向规则】,把nginx需要的80端口配置上,把宝塔需要的8888端口也配置上。
在这里插入图片描述
在这里插入图片描述


三、如何使用宝塔运维服务

从【云耀云服务器L实例】操作页面,找到【镜像信息】,点击【管理】会跳到宝塔运维工具管理页面。
在这里插入图片描述
在这里插入图片描述

3.1、获取宝塔面板的登录用户名和密码

登录云服务器,运行 sudo cat /credentials/password.txt 命令行获取宝塔管理界面用户名及密码。
您也可以登录云服务器,运行 cd /www/server/panel && btpython tools.py panel passwd administrator命令直接设置管理员密码。其中,“passwd”为管理员administrator的密码。

3.2、登录之后根据提示绑定宝塔账号

提示:我的Mac电脑Chrome浏览器登录不成功,切换Safari浏览器后成功;大家可视自己情况而定,切换到别的浏览器。

3.3、打开【软件商店】

宝塔运维软件,自带【软件商店】,包括有防火墙、安全告警、网站监控报表、网站防篡改程序等。
在这里插入图片描述


四、如何使用运维工具可视化安装nginx

4.1、在【软件商店】搜索并安装nginx

选择【Nginx 1.22.1】去安装,安装完成后打开【首页显示】
在这里插入图片描述


五、最后部署一个自研的H5的小游戏

5.1、打开nginx的静态文件存放地址

【软件商店】- 【Nginx 1.22.1】-【位置】,单击【位置】的文件夹
在这里插入图片描述
在这里插入图片描述

5.2、把自研的H5的小游戏资源放入html文件夹下

在这里插入图片描述

5.3、游戏效果截图

此游戏通过上下左右【WASD】键控制小兔子的走动,石头是障碍物,空投会消除2个石头障碍物(初始化状态小兔子是吃不到月饼的),需要动一动脑,吃到月饼。
在这里插入图片描述
游戏地址:http://139.159.230.49/mc.html
在这里插入图片描述


总结

总体感受下来,服务端部署对于前端同学来说确实有些麻烦,但好在【华为云耀服务器L实例】提供全程可视化运维操作,我们可以一路畅通的把h5游戏部署下来。最后再次祝大家中秋节快乐。

更多推荐

ATECLOUD电源测试软件平台如何测试电源纹波?

电源纹波是影响电源稳定性的重要因素,过大的纹波会导致电源模块的工作效率降低,可能使电源模块直接损坏。使用ATECLOUD碘盐测试软件平台对纹波进行测试,检测其工作情况,以确保其稳定性和性能。电源纹波的产生电源的纹波通俗的来讲就是电源模块电压波动而造成的一种现象。一般情况下电源模块中的纹波都是由交流电经过整流稳压环节之后

开源软件的漏洞响应:应对安全威胁

🌷🍁博主猫头虎带您GotoNewWorld.✨🍁🦄博客首页——猫头虎的博客🎐🐳《面试题大全专栏》文章图文并茂🦕生动形象🦖简单易学!欢迎大家来踩踩~🌺🌊《IDEA开发秘籍专栏》学会IDEA常用操作,工作效率翻倍~💐🌊《100天精通Golang(基础入门篇)》学会Golang语言,畅玩云原生,走遍大

Learned-Based VO 梳理(USTC Paper Reading)

梗概主题:VOinDynamic思路简答介绍SLAM框架,引入VO问题直接从LearnedVO开始,介绍VO问题的相关研究,总结当前研究存在的问题讨论DynamicVO中的相关做法,总结问题,提出想法拓展VO和navigation的关系引入SLAM的全称是SimultanousLocationAndMapping,同步

【软件工程】软件工程之道—《人月神话》读后思考

目录写在前面1图书介绍2读后思考写在前面《人月神话》是一本由弗雷德里克·布鲁克斯(FrederickP.Brooks)所著的计算机科学经典著作。这本书首次出版于1973年,至今仍然被认为是计算机科学领域的重要参考书籍之一。它对我产生了深远的影响。通过作者弗雷德里克·布鲁克斯的深入剖析和丰富的实践经验,我对软件开发项目的

✔ ★ 算法基础笔记(Acwing)(三)—— 搜索与图论(17道题)【java版本】

搜索与图论1.DFS1.排列数字(3分钟)2.n-皇后问题2.BFS(队列)1.走迷宫二刷总结(队列存储一个节点pair<int,int>)三刷总结走过的点标记上距离(既可以记录距离,也可以判断是否走过)★★例题2.八数码二刷总结3.树与图的dfs1.树的重心二刷总结1.如何找根节点?用无向图遍历,则不需要根节点2.把

红与黑(bfs + dfs 解法)(算法图论基础入门)

红与黑问题文章目录红与黑问题前言问题描述bfs解法dfs解法前言献给阿尔吉侬的花束(入门级bfs查找+模版解读+错误示范在之前的博客当中,详细地介绍了这类题目的解法,今天为大家带来一道类似的题目练练手,后续还会更新更有挑战的题目以及更为详细的解析,喜欢的小伙伴可以点个关注啦!问题描述有一间长方形的房子,地上铺了红色、黑

8个很棒的Vue开发技巧

1.路由参数解耦通常在组件中使用路由参数,大多数人会做以下事情。exportdefault{methods:{getParamsId(){returnthis.$route.params.id}}}在组件中使用$route会导致与其相应路由的高度耦合,通过将其限制为某些URL来限制组件的灵活性。正确的做法是通过prop

实现 3D 倒计时器

构建单个倒计时器卡片实现思路从上述的总体效果图来看,单个倒计时器的卡片主要是分为头部为尾部两个部分,所以我们可以采用flex布局来实现整体的布局,并且利用flex布局实现文字内容的布局。具体实现步骤如下:编写HTML结构<divclass="flip_cardflip"><divclass="top">4</div><

openGauss学习笔记-69 openGauss 数据库管理-创建和管理普通表-更新表中数据

文章目录openGauss学习笔记-69openGauss数据库管理-创建和管理普通表-更新表中数据openGauss学习笔记-69openGauss数据库管理-创建和管理普通表-更新表中数据修改已经存储在数据库中数据的行为叫做更新。用户可以更新单独一行、所有行或者指定的部分行。还可以独立更新某个字段,而其他字段则不受

英国8月CPI意外降温,然而加息决定仍悬而未决

KlipC报道:据英国国家统计局公布最新数据显示,8月CPI同比上涨6.7%,低于上月数据,核心CPI增幅低于经济学家的预测。数据公布后,英镑走弱、英债收益率下跌,英镑应声下跌0.5%至5月以来的最弱水平,两年期英债债券收益率下跌至4.298%。KlipC的合伙人AndiD表示:“8月CPI涨幅微降主要原因是食品价格涨

西门子828d授权密钥破解经验分享 I7I54833762

操作数组的方法Array.prototype.toSorted(compareFn)//返回一个新数组,其中元素按升序排序,而不改变原始数组。Array.prototype.toReversed()//返回一个新数组,该数组的元素顺序被反转,但不改变原始数组。Array.prototype.toSpliced(star

热文推荐