cocosCreator + 阿里云服务器 + Apache(windows) 从h5打包到服务器部署全流程

这篇具有很好参考价值的文章主要介绍了cocosCreator + 阿里云服务器 + Apache(windows) 从h5打包到服务器部署全流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

提示:文章仅供学习参考,如有错误欢迎留言指出~


前言

提示:心得体会。

最近想学一些新东西,但是又怕学过就忘,恰好想起博客很久都没更新了,于是就想把新学的一些知识分享出来,即能能作为巩固的地方,也可以和大家分析讨论,岂不美哉。


提示:以下是本篇文章正文内容,下面案例可供参考

一、搭建一个基础Demo如下:

h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
场景简单略过。

二、构建项目(web Mobile平台)

1.构建(取消勾选MD5 --> 构建)

h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
这里有个MD5 Cache选项(不建议勾选,他会改变文件名),这个选项作用如下:
缓存控制: 为了提高网站或游戏的性能,浏览器会缓存静态资源,包括 JavaScript 文件。为了防止浏览器永远使用旧版本的文件,开发者会在文件名中添加哈希或版本号。这样,当文件发生更改时,浏览器会认为它是一个新文件,而不会使用缓存的旧文件。

CDN 或静态文件服务器: 如果您将游戏或应用部署到一个 CDN(内容分发网络)或专门的静态文件服务器上,这些服务器通常会实施缓存策略,以便加速文件的分发。哈希文件名有助于确保新版本的文件能够顺利传送到 CDN 或服务器,并在浏览器中得到正确加载。

版本控制工具: 开发者通常使用版本控制工具(如 Git)来管理项目的代码。在构建过程中,构建工具可能会根据代码的版本或提交记录生成哈希,然后将其添加到文件名中。

2.打开构建好的项目 --> 上传服务器

h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
点击打开即可跳转到构建目录
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
将web-mobile上传到服务器。
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
这里我采用的是阿里云服务器的远程桌面连接来传输的,比较方便,当然其他方式也可以。远程连接步骤如下:
h5项目部署服务器,creator开发热知识,阿里云,服务器,apacheh5项目部署服务器,creator开发热知识,阿里云,服务器,apache
这里需要下载阿里云用于连接的工具,可以放心下载。这里可能提示你需要进行一些其他步骤,根据提示完成即可。

这里还需要配置一下安全组,这里加上你需要访问的端口,否则其他步骤配置好了也无法访问。如下:
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache

3.下载Apache服务安装并配置

进入官网下载:http://httpd.apache.org/
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
选择windows版本
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache再进入ApacheHaus页面h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
选择对应版本即可
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
下载完成后解压在所需目录即可,尽量层级不要太深,否则后面配置的路径比较长,容易出错。
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
进入conf文件夹,用编辑器打开httpd.conf文件,查找 Define SRVROOT ,将路径改为自己的路径即可。
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
自定义端口,注意不要端口冲突,不然执行会报错
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
安装Apache服务:到\Apache24\bin目录下打开控制台输入 httpd -k install -n Apache

该命令的意思是,安装Windows可托管的Apache服务,其中"-n"后面参数是自定义Windows服务名称,之后可使用Windows管理服务的命令来管理apache服务,如"net start/stop apache"(启动/停止服务)。

查看控制面板打印,如果有报错需要去查找错误解决后再次安装。

我安装的时候遇到这个问题 “由于找不到vcruntime140.dll,无法继续执行代码,重新安装程序可能会解决此问题” 原因是运行环境不匹配,解决办法如下:
在微软官网下载 最新的Microsoft Visual C++ 网址:https://learn.microsoft.com/zh-CN/cpp/windows/latest-supported-vc-redist?view=msvc-170
根据系统版本选择即可
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
下载完后安装再重启远程这个错误就解决了。

接下来配置站点,打开Apache24\conf文件夹,找到httpd.conf文件并编辑,
文中搜索Include conf/extra/httpd-vhosts.conf 去掉前面的 ‘#’,这样就可以开启虚拟主机功能。
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
再找到 在后面加上如下,增加以下内容,赋予该web目录的访问权限,保存后退出
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
最后再打开Apache24\conf\extra下面的httpd-vhosts.conf文件打开并编辑
加上如下代码:

<VirtualHost *:81>
    DocumentRoot "C:/WebSite/resourceEncryption/web-mobile"
    <Directory "C:/WebSite/resourceEncryption/web-mobile">
        Options Indexes FollowSymLinks
        AllowOverride None
        Require all granted
    </Directory>
</VirtualHost>

这里的81就是上面自定义开启的端口,另外还有82,83也开启了,但没有分配,其中 C:/WebSite/resourceEncryption/web-mobile 指向了最开始构建上传的h5包。这里配置好了只差最后一步就可以域名/公网ip + 端口进行游戏访问了。
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
最后一步找到Apache24/bin目录,找到httpd.exe 右键以管理员身份启动。
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
启动成功后,远程会出下面图标
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache
这样就可以访问你上传的h5游戏了!

效果图如下:
h5项目部署服务器,creator开发热知识,阿里云,服务器,apache

总结

如有不够详细或者疑虑、错误的地方,欢迎留言指正!!!

最后制作耗时,给个关注和小赞👍吧!文章来源地址https://www.toymoban.com/news/detail-794908.html

到了这里,关于cocosCreator + 阿里云服务器 + Apache(windows) 从h5打包到服务器部署全流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 阿里云服务器(Windows)如何远程连接?

    阿里云服务器(Windows)远程连接有两种方法,一种是直接在阿里云账号里的服务器控制台界面直接点击远程连接按钮连接;另外一种是在本地远程连接。下面会把两种方法都说下 第一种:直接在账号里远程连接 首先打开服务器控制台界面,点击实例右侧的远程连接按钮 接下

    2024年02月09日
    浏览(61)
  • 服务器配置:阿里云服务器(Windows)的配置以及安装Tomcat连接服务器的教程

    4. 选择购买时长 (先选一个月试玩,之后还可以续费)。全部选择完毕后,我们就可以选择立即购买了。 5. 提交订单后完成支付 步骤略,但这里提醒自定义密码可以 创建后设置 。 二、远程主机配置成服务器教程 1. 购买完成后点击这里的ECS: 2. 进入后点击实例,看到远程连

    2024年04月27日
    浏览(64)
  • 阿里云幻兽帕鲁Windows 服务器怎么下载存档?

    阿里云幻兽帕鲁Windows 服务器怎么下载存档?通过远程连接window服务器桌面的方式。 远程连接到阿里云的 Windows 服务器后,可以将压缩后的存档文件,拖动到 workbenchDownload 目录后,就会触发浏览器的文件下载,然后将其下载到本地。很多人可能还不知道这个方法,非常简单

    2024年02月21日
    浏览(43)
  • 阿里云服务器搭建WordPress建站教程基于Windows系统

    本教程是使用阿里云服务器镜像系统选择的是Windows操作系统,手动安装WordPress博客网站全过程。本教程介绍如何在Windows操作系统的ECS实例上搭建WordPress网站。 目录 准备工作 搭建WordPress网站 解析WordPress网站域名 创建Windows操作系统的ECS实例,并且已经部署Web环境。本教程使

    2024年02月13日
    浏览(56)
  • Windows远程桌面配置(阿里云ECS服务器+frp+windows远程桌面配置)

    因为老妈不太懂电脑,所以对远程桌面的使用可以追溯到大学时期,最开始用的 Teamviewer ,还没有被国内代理,连接速度、画质都很可以,后来被代理后,限制太多,使用体验也不好,试用了一下 向日葵 ,感觉不错,就一直用到了现在。 最近不知道是不是家里或者我这边网

    2024年03月27日
    浏览(54)
  • 校园网免认证教程(windows端)+阿里云轻量级服务器

    一、openvpn是什么? VPN直译就是虚拟专用通道,是提供给企业之间或者个人与公司之间安全数据传输的隧道,OpenVPN无疑是Linux下开源VPN的先锋,提供了良好的性能和友好的用户GUI 二、服务器选择 此处选择的是阿里云服务器,阿里云服务器。海外服务器的选择本文主要从两个方

    2024年02月04日
    浏览(84)
  • 阿里云国际版Windows服务器磁盘空间不足该怎么办?

    本文主要介绍Windows实例磁盘空间不足时对应的解决方法以及磁盘日常维护的最佳实践,下面一起了解阿里云国际版Windows服务器磁盘空间不足解决办法: 背景信息 本文中的方法适用于Windows Server 2003以上系统,这里以Windows Server 2012 R2为例。 解决方法及最佳实践 解决Windows实例

    2024年02月11日
    浏览(59)
  • 阿里云服务器-修改ecs操作系统,把window系统更换成Linux操作系统

    其他sql格式也在更新中,可直接查看这个系列,要是没有你需要的格式,可在评论或私信我 目录-后期更新打算 点击确定

    2024年02月11日
    浏览(43)
  • 部署在阿里云ECS服务器上的微服务项目中获取到的时间和windows的时间不一样的问题

    继上一篇文章《阿里云ECS服务器无法发送邮件问题解决方案》之后,又发现登录的时候发送邮件中的时间和自己windows上的时间不一样,大概找了一下原因,是LocaDateTime使用的时区不一样导致的远程服务器和本机时间不一致。 只需要在LocaDateTime.now()方法中传一个参数,这个参

    2024年02月07日
    浏览(46)
  • 利用阿里云服务器搭建私有云电脑(Windows 11),不受局域网限制,安卓iOS也可随时远程访问

             个人喜欢折腾,希望更好地掌控自己的设备,所以在收集网上各路教程、自己动手倒腾,终于建好了属于自己的云电脑。现在已经可以随时随地用另一台电脑、手机来远程访问它,感觉挺方便。          我把搭建方法记录下来,既为了分享给各路网友,也为

    2024年02月03日
    浏览(95)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包