有什么自己做h5的app

自己制作一个基于H5技术的手机应用程序，可以让用户更加自由和灵活地进行运用，同时也可以节省制作应用程序的人力资源成本、时间成本以及经济成本。本文将从原理和详细介绍两个方面讨论自己制作H5应用程序的方法。

一、原理

H5是一种应用于移动端HTML标准，不仅可以展示静态页面，还可以实现一些动态功能。H5中包含着各种强大的API及框架，可大大增强开发者的创作能力，并且开发者可以把已有网页转变为APP应用，这就减少了重复的编写工作。

二、详细介绍

1.选择框架

要制作一款APP，需要选择框架来支持，目前市面上常用的比较好的框架包括：React Native、Weex、Hbuilder。其中经常用到的是Hbuilder，它是一个功能强大的用于进行开发的集成开发环境（IDE），该环境可以流畅的运行于各个操作系统，可以支持并集成了所有主流的前端框架，并提供了编译打包、代码质检等功能。

2.创建项目

在Hbuilder中新建一个项目，选择H5+Mobile应用，在对应的文件夹中可以看到创建的项目文件，其中index.html文件就是APP的入口。

3.编写代码

编写代码可以使用媒体查询来设计不同类型的设备样式，引入常用框架和插件，也可以使用HTML5中的一些API实现功能。此外，可以利用脚本和样式进行动态的交互，实现APP的各种业务逻辑。

4.移动端适配

移动端的适配比较重要，最好使用meta标签的viewport来设置网页的可视宽度，可以设置页面的缩放比例，以便在不同尺寸的设备上都有良好的显示效果。通过媒体查询还可以实现不同设备的适配。为了减少用户的等待时间，可以使用一些压缩技术来加速加载，如CSS压缩、JS压缩等。

5.调试和打包

为了保证应用的质量和安全性，需要进行充分的测试和调试，可以使用chrome、safari等浏览器进行移动端调试，同时在手机上进行模拟测试，确保应用程序在各种设备和环境中都能正常运行。最后，将代码打包上传到应用商店进行发布。

总结

通过H5技术自己制作APP的话，需要掌握HTML、CSS、JS的基础知识，还需要对H5技术有一定的了解和实践经验。自己制作APP的优点是可以自由定制自己的功能，也可以节省一些成本，同时可以提高自己的技能水平，缺点是可能会存在一些安全性和兼容性问题。希望本篇文章可以对读者有所启发。