华为云云耀云服务器L实例评测 | 部署H5 一起来吃月饼游戏

news2024/11/24 8:46:10

文章目录

  • 前言
  • 一、云服务器相对传统服务器有什么优势
    • 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/1009936.html

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

相关文章

Golang Gorm 创建HOOK

创建的时候,在插入数据之前,想要做一些事情。钩子函数比较简单,就是实现before create的一个方法。 package mainimport ("gorm.io/driver/mysql""gorm.io/gorm" )type Student struct {ID int64Name string gorm:&q…

redis深度历险 千帆竞发 —— 分布式锁

分布式应用进行逻辑处理时经常会遇到并发问题。 比如一个操作要修改用户的状态,修改状态需要先读出用户的状态,在内存里进行修改,改完了再存回去。如果这样的操作同时进行了,就会出现并发问题,因为读取和保存状态这两个…

AUTOSAR-存储基础知识

1、存储基础知识 RAM 又称随机存取存储器,存储单元的内容可以按照需要随机取出或者存入,存取数据比较快。这种存储器在断电时,会丢失其存储内容,所以一般是 CPU运行时会把程序从 ROM 拷贝到 RAM 里面执行。所以一般 RAM 是作为和…

软件测试公式之如何高质量的做BUG分析?

对于BUG分析,测试人员再熟悉不过了。但如果是面对大量的BUG,要如何有效的分析呢?有什么好的方案和行动项?今天聊聊这个话题。 01 BUG分析简单可以分为两类:宏观BUG分析 和 微观BUG分析。 宏观BUG分析:在…

六、线程池的编写与解析 —— TinyWebServer

六、线程池的编写与解析 —— TinyWebServer 一、前言 经过上次数据库连接池的书写,大家也应该明白池的编写。 这里说一下不同点,和一些要注意的点。 为什么使用模板?为什么不用单例模式了?这里的线程池扮演的角色是什么&#x…

【PowerQuery】PowerBI 手动刷新数据内容

PowerBI的手动刷新方式和Excel基本一样,我们通过刷新数据源来实现数据的手动刷新,当然PowerBI 和Excel一样存在着单数据源刷新和全局数据源刷新两个操作。如果希望刷新单个数据源,我们可以在数据字段进行数据的刷新,具体的操作步骤…

阈值回归模型(Threshold Regression Model)及R实现

阈值回归模型是一类回归模型,其中预测变量与结果以阈值依赖的方式相关联。通过引入一个阈值参数(也称为转折点),阈值回归模型提供了一种简单而优雅、可解释的方法来建立结果和预测变量之间某些非线性关系的模型。在生物医学领域中…

Pyramid Scene Parsing Network–CVPR,2017论文解读及其pytorch代码

文章目录 Pyramid Scene Parsing Network--CVPR,2017一、背景介绍二、网络结构和优化方法三、实验结果 Pyramid Scene Parsing Network–CVPR,2017 Github代码链接 一、背景介绍 现阶段随着数据集制作精细化、标签种类变多、具有语义相似标签等导致出…

继承的笔记

继承 对象代表什么, 就得封装对应的数据, 并提供数据对应的行为 对于两种不同的类, 但是具有很多共同的属性的时候我们就想着用继承, 我们可以将共同的属性放置在一个类中, 然后, 只需要新建两个类, 继承共有的类, 然后单独写自己的属性特点 继承类 Java 中提供了一个关键字…

Hadoop-Hbase

1. Hbase安装 1.1 安装zookeeper、 hbase 解压至/opt/soft,并分别改名 配置环境变量并source生效 #ZK export ZOOKEEPER_HOME/opt/soft/zk345 export PATH$ZOOKEEPER_HOME/bin:$PATH #HBASE_HOME export HBASE_HOME/opt/soft/hbase235 export PATH$HBASE_HOME/b…

【OS】操作系统课程笔记 第三章 进程管理

3.1 多道程序设计 吞吐率:衡量一个系统效率的一个指标 采用多道程序设计可以显著提高吞吐率: 但是,并不是内存程序数量越多越好,下面有三点否定: 内存的容量限制了系统可同时处理程序的数目设备数量有限程序道数过多…

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

搜索与图论 1. DFS1. 排列数字(3分钟)2. n-皇后问题 2. BFS&#xff08;队列&#xff09;1. 走迷宫二刷总结&#xff08;队列存储一个节点pair<int,int>&#xff09;三刷总结 走过的点标记上距离(既可以记录距离&#xff0c;也可以判断是否走过) ★ ★ 例题2. 八数码二刷…

离线安装PX4日志分析工具Flight Review

使用Flight Review在线分析日志&#xff0c;有时会因为网络原因无法使用 使用离线安装的方式使用Flight Review&#xff0c;可以在无需网络的情况下使用Flight Review sudo apt-get install sqlite3 fftw3 libfftw3-devsudo apt-get install libatlas3-basegit clone --recur…

【Linux核心宝典】Linux 系统目录结构详解 - 01

&#x1f60e; 作者介绍&#xff1a;我是程序员洲洲&#xff0c;一个热爱写作的非著名程序员。CSDN全栈优质领域创作者、华为云博客社区云享专家、阿里云博客社区专家博主、前后端开发、人工智能研究生。公粽号&#xff1a;程序员洲洲。 &#x1f388; 本文专栏&#xff1a;本文…

Linux基础入门

一、操作系统安装方法 1、使用u盘安装 工具&#xff08;前提条件&#xff09;&#xff1a; <1>u盘 <2>镜像文件iso/msdn.itellyou.cn <3>把u盘做成PE&#xff1a;大白菜/老毛桃/winPE/软碟通/ultralSO 设置BIOS&#xff1a;通过u盘启动 安装系统&…

Vue项目中实现拖拽排序效果-demo

在Vue3中实现拖拽排序&#xff0c;可以借助一些浏览器自带的API&#xff0c;以及一些Vue3的特性&#xff1a; 使用<template>标签中的v-for指令渲染出一个列表&#xff0c;每个列表项绑定一个draggable属性&#xff0c;使其能够被拖拽。 <template><ul><…

一次I/O操作的过程

什么是IO呢&#xff1f; IO&#xff0c;英文全称是Input/Output&#xff0c;翻译过来就是输入/输出。平时我们听得挺多&#xff0c;就是什么磁盘IO&#xff0c;网络IO。那IO到底是什么呢&#xff1f;是不是有种懵懵懂懂的感觉呀&#xff0c;好像大概知道它是什么&#xff0c;又…

ARIMA模型

1、简介 ARIMA模型(Autoregressive Integrated Moving Average model)&#xff0c;差分整合移动平均自回归模型&#xff0c;又称整合移动平均自回归模型&#xff0c;时间序列预测分析方法之一。ARIMA(p,d,q)中&#xff0c;AR是"自回归"&#xff0c;p为自回归项数;MA…

二叉树题目:最大层内元素和

文章目录 题目标题和出处难度题目描述要求示例数据范围 解法一思路和算法代码复杂度分析 解法二思路和算法代码复杂度分析 题目 标题和出处 标题&#xff1a;最大层内元素和 出处&#xff1a;1161. 最大层内元素和 难度 4 级 题目描述 要求 给定一个二叉树的根结点 ro…

zookeeper可视化工具ZooInspector用法

最近在做银行的项目&#xff0c;用到了thrift&#xff0c;rpc和zookeeper&#xff0c;所有应用都是注册到zookeeper上的&#xff0c;想知道哪些应用注册上了&#xff0c;就用到ZooInspector这个可视化的工具。 1&#xff0c;下载 链接&#xff1a;https://issues.apache.org/…