HTML5 APP开发之创建APP项目

2025-09-25 02:36:27

1、打开HBuilder软件,点击“文件”-“新建”-“移动APP”。

HTML5 APP开发之创建APP项目

2、在弹出的窗体里,输入“应用名称”、“位置”,以及勾选“mui登录模板”,最后,点击“完成”。

HTML5 APP开发之创建APP项目

3、在工具的左边将会显示“mui登录模板”的项目,然后,展开项目目录,双击打开login.html文件。

HTML5 APP开发之创建APP项目

HTML5 APP开发之创建APP项目

4、要想查看login.html页面效果,可以选择手机查看方式(之后的章节,会介绍)。目前,将介绍浏览器方式查看页面效果:点击菜单栏“运行”-“Chrome”,便可查看该页面效果。

HTML5 APP开发之创建APP项目

HTML5 APP开发之创建APP项目

5、接下来,便是APP打包操作。点击菜单栏“发行”-“发行为原生安装包”。

HTML5 APP开发之创建APP项目

6、在弹出的窗体里,输入打包需要的证书位置,便可点击“打包”按钮(会由远程服务器进行打包操作)。

HTML5 APP开发之创建APP项目

7、打包完成后,点击菜单栏"发行"-“打开APP存放目录”,便可找到安装包。最后,就可以直接安装APP软件到手机上了。

HTML5 APP开发之创建APP项目

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢