App开发的优势所在，会误导很多初级开发者想当然
发表时间：2023-12-11 13:32:21
文章来源：炫佑科技
浏览次数：199
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
App开发的优势所在，会误导很多初级开发者想当然
对于经常使用APP且对技术敏感的用户来说，在APP运行过程中，无论一个页面是App还是App实现，往往一眼就能看出哪个是网页纹理，哪个是原生纹理。
在实际的创意开发过程中，当项目组制定产品开发策略时，考虑到开发成本（时间、金钱）和上手难度，App成为了技术框架的首选。 由于App只需要编写一套代码，就可以同时生成两个平台和IOS的APP，甚至可以部分兼容微信公众号和小程序。 这不仅节省了编写代码的时间，更重要的是节省了多个技术团队之间跨知识结构协作的问题。 也节省了APP和服务器端调试的时间和成本。
一般来说，我们对App的定义是：
App（混合模式移动应用）是指介于Web-App和-App之间的App，它兼有“App用户交互体验良好的优点”和“Web App跨平台开发的优点”。
简单来说，App就是一个外壳App。 整个App还是原生的，需要下载安装到手机上。 但是，App 中打开的页面可以是 Web 页面，也可以是本机页面。 H5页面将在一个名为的容器中运行。 只要有，一套代码就可以轻松跨越iOS、、Web、小程序、快应用等多个平台。 可以简单理解为在App中打开浏览器，在浏览器中打开一个Tab加载在线或本地H5页面。 这样，还可以打开多个来加载多个页面。
以上仅描述了App开发的优点，这会误导很多初级开发想当然地认为App一定比App更好，从而忽略或贬低了App开发过程中存在的痛点和潜在问题。
受Web性能的限制，App加载速度慢，页面渲染问题频出，页面渲染性能差、页面卡顿、白屏等问题层出不穷。
如何打造一款优秀的App，让它的体验更像客户端，运行更高效，是一个值得探讨的话题。
2. App技术选型
app开发技术一般都比较固定。 在大公司的背景下，百家争鸣、百花齐放是很难的。 原生开发技术实现如下：
该App采用H5技术实现，技术选择比较广泛。 目前主流的移动跨平台技术解决方案大致可以分为三类：
对于其他跨平台开发方案，基本可以放弃。 与React和React相比，React和React在应用程序开发上几乎一样高效。
温馨提示⚠️：
另外，国内跨平台开发框架uni-app近年来也逐渐出现支持国货的趋势。 uni-app 支持两种引擎渲染方式：渲染和 weex 原生渲染。
uni-app作为国内跨平台开发框架，只能说是站在巨人的肩膀上成就了自己。 说没有创新并不完全正确，更不可能说抄袭。 鲁迅先生曾说过：“读书人偷书，不算偷”。
3、uni-app如何打造优秀的跨平台APP？
考虑到目前项目组使用uni-app作为跨平台开发框架，本节讨论如何使用uni-app创建一个优秀的跨平台APP。
下面主要从页面渲染、故障排除等方面介绍APP开发及纠错经验。
3.1 页面渲染
如何让uni-app开发的App看起来更像原生App？ 这是我们开发应用程序时必须面对的尖锐问题。
首先你要清楚H5页面在APP端的渲染方式。 与原生页面渲染效果相比，页面渲染效果差了很多。
3.2 故障排除
在排查APP问题方面，目前可以使用的调试工具并不多，尤其是白屏、APP崩溃的分析工具。
3.2.1
是腾讯出品的Web调试面板。 相信很多前端工程师都用过。 网页上将添加一个小的浮动按钮。 单击它可以打开和关闭调试面板，并查看 DOM、 和本地存储等信息。 基本可以满足普通前端开发的需求。
使用方法也非常简单。 通过npm安装或者直接在需要的页面引入js文件，然后new()。 如果不熟悉的童鞋可以直接去官网查看。 但当系统bug足够严重的时候，比如一进入页面就报错，或者脆弱的当场爆炸，页面一片空白，此时就会显得苍白无力。
另一个类似的调试工具是eruda。
3.2.2
是一个非常好的网页检查工具。 它可以通过在本地启动一个服务并将js脚本嵌入到移动网页中来与计算机进行通信。 达到了类似浏览器开发工具的调试效果。 它的操作界面几乎是一样的，主要包括查看DOM等，但是这一切都是在电脑上完成的，而不是手机上。
3.2.3
是一款功能强大的应用层抓包工具，可以拦截包括https在内的各种网络请求，轻松查看具体信息。 Mac 和 Linux 有多个版本。 通过配置WIFI代理，可以拦截手机的请求。 毕竟，相当一部分前端错误是由网络错误或数据不符合预期造成的。 因此，通过拦截http(s)请求，查看具体的请求信息和数据，可以获得很多有用的信息，在一定程度上可以帮助调试。 不过这个软件是付费软件App开发的优势所在，会误导很多初级开发者想当然，无法定位js错误，所以只能作为辅助工具。
另一种类似的应用层抓包工具是。
3.2.4
并可以帮助捕获和分析HTTP级别（即应用层）的问题。 如果问题发生在TCP/IP（即网络层）级别，则需要TCP数据包捕获和分析工具。
（支持Mac/平台）、（支持平台） 和 是三种常用的网络层抓包工具。 常见的网络层问题包括SSL握手失败、TCP链路中断重传等。
总结：以上工具仅起到辅助排查问题的作用。 实际遇到问题时微信小程序开发技术选型，前端工程师还是需要根据问题症状快速定位问题的根本原因，并使用调试工具。
大多数app开发工程师都是从web开发工程师转过来的。 项目中引用第三方插件时，可能会被要求原生引入，因此很难保证引入的质量。 而且，在项目调优过程中，由于原生底层工作机制不明确，调优效果并不明显。 所以建议从事app开发的孩子还是需要补充一下原生app开发技能。
4.延伸阅读
