摘要：雷霆传奇H5登录器APP制作H5游戏基本都是网页打开，很多都是IP地址直接访问，这样非常不便于玩家记忆。本期教程主要讲解如何把雷霆传奇H5制作成手机安装的APP.玩家点APP就能进游戏.也适用于其他H5类型网站.准备工具：HBuilder图标一张 手机

屠龙传奇H5登录器APP制作

H5游戏基本都是网页打开，很多都是IP地址直接访问，这样非常不便于玩家记忆。

本期教程主要讲解如何把雷霆传奇H5制作成手机安装的APP.玩家点APP就能进游戏.

也适用于其他H5类型网站.

准备工具：

HBuilder

图标一张 手机上显示的图标

启动图片一张  游戏运行后第一个显示的图

下面教程开始：

一、下载HBuilder

我们到HBuilder网下载最新版本的HBuilder

打开官网找到HBuilderX

我们根据自己的系统选一个，这里我选择 APP开发版本

下载好了，软件是绿色的直接解压。

二、制作APP

工具有了，现在我们开始制作APP

打开HBuilderX.exe

1、创建项目

点击文件 - 新建  - 项目 这里我们选择5+App

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570883950492072.jpg

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570883977151916.jpg

项目名称就是，APP的名字

选择模板，默认即可。

点击创建。

2、修改

双击 manifest.json

基本配置

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570883989354803.jpg

应用名称：游戏名称 自定义

应用入口页面（首页）地址： 填写你的游戏网页地址，这里我内网测试填写内网地址

应用描述： 游戏的介绍。  

应用是否全屏显示：把钩钩打上.

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570884028585924.jpg

图标配置

自动生成图标我们选择我们开始准备的图标，点击 自动生成所有图标

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570884033171573.jpg

启动图片配置

图片的尺寸最好按照他的要求来。这里我演示就拿一个图片.

图片只能是PNG格式的.

其他的可以根据需要设置。

3、生成

点击菜单

发行 - 原生APP云打包

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570884047291321.jpg

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570884056334278.jpg

这里我只测试安卓的。其他的一些功能自己研究

如果你没有证书，就选择公用证书.

广告联盟这里把广告都取消

然后点击 打包

等待，打包结束.

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570884063519832.jpg

可以通过菜单发行-查看云打包状态

打包好了，我们测试下。

图标，等待界面都没问题.

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570884070781987.jpg

http://www.zgymw.com/config/ueditor/php/upload/image/20191012/1570884074109823.jpg

教程到此结束.