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

news2024/12/24 3:07:09

文章目录

  • 前言
  • 一、云服务器相对传统服务器有什么优势
    • 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实例资源面板如何操作
    • 2.1、华为云耀服务器L实例初体验
    • 2.2、华为云耀服务器L实例操作
      • 2.2.1、配置华为云耀服务器L实例密码
      • 2.2.2、配置华为云耀服务器L实例安全组
  • 三、如何使用宝塔运维服务
    • 3.1、获取宝塔面板的登录用户名和密码
    • 3.2、登录之后根据提示绑定宝塔账号
    • 3.3、打开【软件商店】
  • 四、如何使用运维工具可视化安装nginx
    • 4.1、在【软件商店】搜索并安装nginx
  • 五、最后部署一个自研的H5的小游戏
    • 5.1、打开nginx的静态文件存放地址
    • 5.2、把自研的H5的小游戏资源放入html文件夹下
    • 5.3、游戏效果截图
  • 总结


前言

本章节内容,我们主要介绍华为云耀服务器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游戏部署下来。最后再次祝大家中秋节快乐。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1010063.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SVN学习笔记--如何 Merge 分支?保姆级教学,带图片手把手实操。

目录 前言实例具体步骤总结 前言 由于项目中有多个分支,如果修改了一处代码,可能需要保证分支和主分支代码一样,所以需要利用 SVN Merge 代码。 实例 现在有两个分支 一个 trunk:主分支一个 develop:开发分支 我们…

数学实验-迭代(Mathematica实现)

一、实验名称:迭代 二、实验环境:Mathematica 10.3软件 三、实验目的:本实验通过Mathematica 10.3软件利用迭代求解方程的近似解,了解迭代方法在解决问题的收敛速度的异同,认识到函数的迭代是数学研究中的一个非常重…

PHPword setImageValue 设置高度不生效

phpword 版本 "phpoffice/phpword": "^0.18.3 我正在使用这个代码,使用模板,写入动态图片,但问题是图像的大小太小,我需要增加高度和宽度 模板文件 如下 问题写法: $file_name "简历";…

UWB学习——day4

UWB学习——day4 技术劣势技术细节UWB频段系统调制方式UWB帧结构芯片实例 技术劣势 干扰其它技术,UWB技术目前允许在未授权的3.1 GHz至10.6 GHz频谱上运行,但该频谱上有许多其它无线通讯所在的频带,容易互相产生干扰,反而限制了适…

基因型数据VCF转EXCEL亲测好用

import pandas as pd df pd.read_csv(shuju.vcf, sep\t, comment#, headerNone,encodingutf-8) df.to_excel(outputFile2.xlsx, indexFalse,encodingutf-8) 以上就是转成功的截图,需要注意的是一定要写入编码方式,UTF-8 ,第一次我没有写编码…

实景无人直播系统哪个最好用?呆头鹅无人直播系统

软件图片素材来自于公众号:生财风暴 关注进行领取价值1000元的采集软件,和呆头鹅批量剪辑和矩阵管理系统演示 在未来,想要低成本在人工智能领域创业,其实很简单,如果你是想要低成本创业的人,那么请一定要把…

leetcode 1222. 可以攻击国王的皇后(每日一题)

1222. 可以攻击国王的皇后 在一个 8x8 的棋盘上,放置着若干「黑皇后」和一个「白国王」。 给定一个由整数坐标组成的数组 queens ,表示黑皇后的位置;以及一对坐标 king ,表示白国王的位置,返回所有可以攻击国王的皇后的…

pcl--第三节 关键点

简介 关键点也称为兴趣点,它是 2D 图像或 3D 点云或曲面模型上,可以通过检测标准来获取的具有稳定性、区别性的点集。从技术上来说,关键点的数量比原始点云或图像的数据量少很多,其与局部特征描述子结合组成关键点描述子。常用来构成原始数据的紧凑表示…

Furion api npm web vue混合开发

Furion api npm web vue混合开发 Furion-api项目获取swagger.json文件复制json制作ts包删除非.ts文件上传到npm获取npm包引用 Furion-api项目获取swagger.json文件 使用所有接口合并的配置文件 复制json制作ts包 https://editor.swagger.io 得到 typescript-axios-clien…

封面人物 | 贾楠:向中介费全面开炮

古人云,燕赵之地多慷慨豪侠之士。贾楠便是一个将豪迈的破局精神融入诸多创意项目的探路者,以及醉心于诗意人生的思考者。 上世纪90年代,他曾尾随南下大军在海南淘得第一桶金。之后,贾楠涉足影视投资,投身健康产业……所…

软件测试如何制作一份亮眼的简历?

简历是入职职场的一张名片,也是进入职场的一块“敲门砖”。从某种角度说,简历也是一张专业人员的说明书。 在互联网行业,如果你在一线企业任职、是业内大佬、技术大牛,基本上大把的高薪工作等你来挑。但是对于转行的小白来说&…

【产品实习评审】对推电影项目核心推荐功能的交互设计比较到位

大家好,本篇文章分享【校招VIP】免费商业项目“推电影”第一期电影详情模块产品同学的原型图周最佳作品。该同学来【莱顿大学】“数学”专业。 1、本项目是基于年轻人的喜好,更个性的电影推荐网站。筛选各分类的知名电影,并给出推荐理由和下…

Python in Visual Studio Code 2023年9月更新

作者:Courtney Webster - Program Manager, Python Extension in Visual Studio Code 排版:Alan Wang 我们很高兴地宣布 Visual Studio Code 的 Python 和 Jupyter 扩展将于 2023 年 9 月发布! 此版本包括以下内容: • 将 Python …

2023/9/14 -- C++/QT

作业&#xff1a; 仿照Vector实现MyVector&#xff0c;最主要实现二倍扩容 #include <iostream>using namespace std;template <typename T> class MyVector { private:T *data;size_t size;size_t V_capacity; public://无参构造MyVector():data(nullptr),size(…

数据结构ArrayList

ArrayList的顶级理解 1.ArrayList的简介2.ArrayList的使用3.ArrayList的构造4.ArrayList常见操作5.ArraList的遍历5.1 普通for循环5.2 增强for循环5.3 迭代器循环 6.ArrayList的扩容机制 1.ArrayList的简介 ***ArrayList是以泛型方式实现的&#xff0c;使用时必须要先实例化Arr…

4.zigbee开发,串口的应用,ADC采集

一。串口应用 0.在c盘的协议库中 拷贝sampleApp 1.串口的初始化 1.找到初始化 2.在这个函数中加入函数初始化 //串口初始化halUARTCfg_t uart_Config;uart_Config.configuredTRUE;uart_Config.flowControlFALSE;uart_Config.baudRateHAL_UART_BR_115200;HalUARTOpen(HAL_UART_…

laravel-admin联动选择展示时ueditor样式错乱

问题 录入内容时&#xff0c;根据资源类型&#xff0c;展示不同的需要录入的内容&#xff0c;很常见的功能&#xff0c;但是在切换时&#xff0c;编辑器一直出不来&#xff0c;如图&#xff1a; 代码如下&#xff1a; $form->radio(type, 资源类型)->when(2, function…

Kubenetes之Pod详解

Pod详解 一、Pod基础概念1.概念2.在Kubrenetes集群中Pod有如下两种使用方式3.pause容器使得Pod中的所有容器可以共享两种资源4.kubernetes中的pause容器主要为每个容器提供以下功能5.Kubernetes设计这样的Pod概念和特殊组成结构有什么用意6.通常把Pod分为两类 二、容器的分类&a…

sql中怎么查books表下面的内容

要查询 books 表中的所有内容&#xff0c;你可以使用以下 SQL 语句&#xff1a; USE bookmanagement; -- 选择数据库 SELECT * FROM books; -- 查询books表中的所有内容如果你使用的是命令行界面 (mysql 客户端) 来操作数据库&#xff0c;可以直接在命令提示符中输入上述命令…

微信公众号迁移步骤

公众号账号迁移的作用是什么&#xff1f;只能变更主体吗&#xff1f;长期以来&#xff0c;由于部分公众号在注册时&#xff0c;主体不准确的历史原因&#xff0c;或者公众号主体发生合并、分立或业务调整等现实状况&#xff0c;在公众号登记主体不能对应实际运营人的情况下&…