在互联网发展的今天，h5技术变得越来越重要，一些小型应用和一些页面都可以用h5来实现，h5技术也越来越成熟，成为了非常流行的前端技术之一。但是，在一些大型应用中，单独使用h5无法满足需求，需要将h5页面封装成app，以提供更好的用户体验和更高的性能。
那么，如何将h5页面封装成app呢？可以通过以下几个步骤来实现：
1. 编写h5页面
首先，需要编写好h5页面，确保页面适配性和显示效果良好。需要注意的是，在编写h5页面时，需要使用rem、flex等布局进行适配，以便在不同分辨率的设备上都能够正常显示。
2. 使用webview
接下来，需要使用webview来加载h5页面。在ios系统中，可以使用UIWebView或WKWebView加载h5页面，在Android系统中，则可以使用WebView或WebViewClient来加载h5页面。通过webview，将可以使用javascript等前端技术来进行页面交互和数据传递等操作。
3. 封装成app
通过使用webview加载h5页面之后，就可以将其封装成app了。在ios系统中，可以通过使用Xcode来进行打包；在Android系统中，则可以使用Android Studio进行打包。在打包时需要设置app的名称、图标、版本号和一些其他设置，完成之后就可以生成app了。
4. 优化体验和性能
最后，可以针对使用app时可能会遇到的问题进行优化，以提高用户体验和性能。例如，可以对页面进行缓存，加快页面加载速度；可以优化图片和视频等资源的压缩和加载方式，以减少用户的流量消耗和耗电量。
综上所述，封装h5页面成为app的原理可以归纳为以下几点：
1. 编写h5页面；
2. 使用webview(如UIWebView、WKWebView、WebView、WebViewClient)将h5页面嵌入到app中；
3. 打包生成app；
4. 对用户体验和性能进行优化。
值得注意的是，封装成app后，页面的交互和数据传递等操作需要使用前端技术进行实现。此外，在使用webview嵌入h5时，应该注意安全问题，避免因为安全问题导致app受到攻击。
