uni-app小程序开发踩坑记录

最近要从零开发一个跟后台管理系统对接的小程序，因为功能比较复杂，时间短，选择了比较火的uni-app，因为小程序出现的时间较短，各方面并不完善，开发过程中就是不断踩坑的过程，特此记录一小下。

uni-app虽然功能还不完善，但是插件市场里东西还是不少的，在搭建框架中因为需求要求借鉴了之前开发的PC端，所以有一些跟之前开发VUE相关的插件 ，可以提高开发效率，

插件：

坑：

1覆盖原生组件，需要用cover-view容器，但是cover-view里可包含的标签有限，类似view等在真机调试时不显示，需全部替换成cover-view，且icon无法显示，可以用cover-imaga代替。

2小程序和小程序之间的跳转（如腾讯云的人机滑动验证），跳转回来时需要进行 *** 作，此时可以判断appvue中的options，如果按小程序文档中来说当optionsscene === 1038时是小程序跳回来的场景，但是部分手机跳回来是optionsscene为1001，只能将这2种都作为跳转判断的条件。

3小程序跳转回来app中的onshow有时不执行，这个原因暂未找到

4在uniapp的H5版本 ，接入 腾讯云滑动验证 ，示例的点击滑动验证元素是通过dom *** 作的，但是无效，可能跟uniAPP不支持dom *** 作有关系，采用定制接入方法一，手动调用。

步骤

1、veuconfigjs 中推荐安装copy-webpack-plugin 500 版本。uniapp 框架文档有说明 vue-config

打开终端运行 npm 安装版本

npm install copy-webpack-plugin@500

需要50版本，高版本Uniapp不支持

2、创建你自己云函数目录文件。我设置的：

wxcloud/cloudfunctions

3、修改manifestjson

在uni-app根目录下，修改manifestjson中的微信小程序项，结构如下

3、vue-config-js 中配置 编译copy文件到build目录。注意 空目录可能不会拷贝（后续你可用创建函数文件就会拷贝了）。

需要。uniapp是一个使用Vuejs开发跨平台应用的前端框架，uniapp写出来的项目需要去商店下载，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信、支付宝、百度、头条、QQ、钉钉）等多个平台。

小程序开发推荐使用uni-app,它是一个使用Vuejs开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

uni，读youni，是统一的意思。

很多人以为小程序是微信先推出的，其实，DCloud才是这个行业的开创者。

DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备。

2015年，DCloud正式商用了自己的小程序，产品名为“流应用”，它不是模式的轻应用，而是能接近原生功能、性能的动态App，并且即点即用。

为将该技术发扬光大，DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟，并推进各家流量巨头接入该标准，开展小程序业务。

360手机助手率先接入，在其34版本实现应用的秒开运行。

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。

在2015年9月，DCloud推进微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例，以及分享了webview体验优化的经验。

微信团队经过分析，于2016年初决定上线小程序业务，但其没有接入联盟标准，而是订制了自己的标准。

DCloud持续在业内普及小程序理念，推进各大流量巨头，包括手机厂商，陆续上线类似小程序/快应用等业务。

部分公司接入了联盟标准，但更多公司因利益纷争严重，标准难以统一。

技术是纯粹的，不应该因为商业利益而分裂。开发者面对如此多的私有标准不是一件正确的事情。

虽然是始作俑者，但造成混乱的局面非DCloud所愿。于是我们决定开发一个免费开源的框架。

既然各巨头无法在标准上达成一致，那么就通过这个框架为开发者抹平各平台差异。

这，就是uni-app的由来。

因为多年积累，所以DCloud拥有300多万开发者，并不意外因为DCloud一直都有小程序的iOS、Android引擎，所以uni-app的App端和小程序端保持高度一致，并不意外因为DCloud在引擎上的持续投入，所以uni-app的App端功能、性能比大多数小程序引擎都优秀，并不意外因为DCloud对各家小程序太了解了，所以做好抹平各端差异的跨端框架，并不意外

现在，uni-app已经是业内最风靡的应用框架，支撑着6亿手机用户的庞大生态。

世界兜兜转转，当你踏出第一步时，随后很多事不会按你的预期发展。但只要你不忘初心，你想要的那个目标，最终会换个方式实现。

DCloud的初心是什么？

为开发者提供免费、高效的开发工具，让天下没有难做的应用改进应用形态，让用户更方便的获取数字服务

DCloud也再次承诺不会对uni-app、HBuilderX等工具收费，感谢数百万开发者的一路陪伴，也请一直监督我们不忘初心！

uni-app 项目中$ref取不到值，主要分两种情况，一种是nvue，一种是vue

vue文件走的webview渲染，nvue走weex方式的原生渲染

小程序本身就不支持 *** 作dom，要获取dom信息请用unicreateSelectorQuery()

vue文件中：

uni-app 中可以使用$refs，但是需要注意的是在小程序和App平台不能引用 view 等内置组件，循环创建的自定义组件的话 ref也不能用

未来太遥远，不想这么多，技术栈几年一换才是常态。目前很多应用开发者在尝试使用uni-app，可以尝试一下，多学一点多一个技术选择不是坏事。

想学一个长久可用的技术，在IT界特别是中国，并不太现实。如果选择了前端，那情况只怕是更糟。

uniapp是未来趋势？NO！NO！

说uniapp成为趋势感觉有点好笑。

不懂行的可能不了解，我就换个说法。

我可以说手机行业小米手机会成为未来的趋势吗？

你认为可能性多大？当然不可否认小米很优秀了，当然实话实说，这也是相对的。想变成趋势可谓有点夜郎自大。

uniapp是什么？简单点说说吧

一个基于vue的跨平台开发的框架，有了它你可以写一套代码打包成安卓、苹果安装包，还可以导出各种小程序，还可以导出h5…，反正功能很强大。

它的出现，只要你懂点前端，只要你会点vue，OK那你就可以开发APP了。

厉害不厉害？可以说在某种程度上确实很牛逼，很方便，特别又是国产，文档、demo之类的很多。

平台又出有云服务，支付，广告等各种插件。小白上手也很快。所以一时圈了很粉，社区还算凑合吧。

uniapp之所以被越来越多的人需要，不得不说下跨平台。

APP开发跨平台确实是个刚需，也是一个真正的趋势。毕竟纯原生开发一个APP太复杂了，成本也高。有些APP根本不需要关心所谓的性能、流畅度之类的。所以跨平台，一套代码完全搞定，可谓是个不错的选择。

但是跨平台可选性的技术方案太多，与uniapp直接相对的，apicloud，在国产圈也是拉了不少粉。

此外rn，lonic，cordova，weex等之类的前辈仍然具有一定的地位，还有新起来flutter也是火的不得了。

所以uniapp只能说在小范围内可以说很好，但是和那些成熟，风靡海内外的技术框架还是有差距的。

uniapp真的好用吗？

首先，我感觉它越来越废了。有时真是感觉积累！

开发APP就专业开发APP吧，你还搞的适配一堆小程序，所以造成越来越臃肿。文档杂乱。

有时，选择你，我就是想仅仅开发APP。压根不要小程序！

所以，特别是新手，因此会有一定的烦恼。

另一个 值得 吐槽的就是不太稳定！

架构经常换，而且之前的很难兼容！

为此估计不少人想骂人。特别那些已经有了成熟运营的APP。

再次升级的话，不好意思，很多东西重写吧。

从当初非自定义组件、自定义组件，再到今天的v3架构。可谓一步一个坑，真的严重依赖它的话，真的花费大精力去踩坑了。

当然一般的开发拿来用用还是不错的

我司项目开始用的h5+那一套，也用uniapp做过几个项目。反正要求不是很高，效果感觉还可以。

真的真的去完全适配安卓，苹果的话，要做的还是有很多。

OK，就这了。技术本身无所谓好坏，只有适合不适合。

有时基于时间、项目成本、人员技术水平，只要合适就是最好的。

uniapp也一样，希望它快快成长，快快稳定，完善吧！

uniapp目前确实很火，暂且不说uniapp这种框架是不是未来的趋势，但大前端绝对是未来的趋势。

在计算机编程领域，前端近几年的技术更新速度达到了顶峰。

这并不是得益于前端的语言优势，而是开放繁荣的生态。

uniapp这类框架正是前端进军移动互联网的利刃。

移动互联网过时了吗？不，移动互联网正在以新的形态进军PC。

所以，未来几年uniapp这类框架还会繁荣，而前端慢慢融合，PC与移动的前端界限越来越模糊。

serverless是趋势，unicloud正好整合了阿里云与腾讯云！

最重要的是unicloud开始标准化，uni-id ,unicloud-admin就是苗头！

听从开发者建议且更新频繁的框架！两年左右完善度已经非常高！

现在他们需要做的功能太多，所以一些细节性并未完善，一旦稳定下来，他们能把一些细节做好，这个框架与开发者工具绝对不容小嘘！

免费的服务器，免费的框架，对于初创团队，或者个人创业者，有想法的开发者，可以省大多成本！

自己独立完成的项目(超级档案)已上架小米，华为，苹果应用商店，同时，各大平台小程序也全部上架！

不是。h5类的优势在于开发简单，周期短，一套代码跑多端。适合初创快速迭代。任何一个成熟的产品在达到一定规模后，都会回归原生，或者混合。这是性能，用户体验，安全等多方面因素决定的。这也是有了rn后，为什么还会有flutter出现的原因。

何为趋势？在互联网高速发达的时代，物竞天择的规律同样适用，这个开发平台的主要目的就是解决了多平台重复，跨平台生态不好，开发和使用用户体验不好的问题，真正做到了一套代码全平台适用，一劳永逸，同时还不影响平台特色，随着整个业内开发者的用户数越来越多，势必会取代不合时宜的开发平台。从目前的使用广度和应用产品的市场反馈来看，它是具备这个能力的。

uniapp还是很多人用的，尤其在现在这个时间，用来开发小程序还是不错的

如果没有意外的话，他还会保持现状很长时间

对于小型项目或者交互要求不高的项目来说，基本是够用的，这种项目又普遍对成本或者开发效率非常敏感，在这点做的比uniapp好的确实不多，所以他的用户群会非常稳定

至于感觉上没人讨论的原因也很简单

一是有影响力的开发人员几乎不可能是uniapp的用户，uniapp的用户多数也提不出值得讨论的内容

二是这东西真没什么可讨论的，上限实在不高

uniapp目前在国内的生态很好，因为大前端是趋势，是uniapp在未来一段时间内还是很火的，个人认为如果创业阶段如果没有原生客户端工程师，只有web团队，uniapp非常适合

目前来说uniapp是 一款很好的开发小程序的编码工具，

优点有

一：简单易学，学习成本低。

二:可以跨多个平台，制作一套代码可以在多个平台发布

三：运行比较流畅，运行体验更好，兼容weex,组件·api和微信小程序一致

综合以上几点来看uniapp前景不错。

目前确实有这个趋势。用uniapp开发了一款app，叫小 时尚 ，目前已经在各大应用商店上线。

1HBuilderX 新建项目 因为做的功能简单 选了个纯洁的模板

2新建路由先整个页面出来 代码如下 看不懂的去uniapp官网瞅瞅

>

以上就是关于uni-app小程序开发踩坑记录全部的内容，包括:uni-app小程序开发踩坑记录、uniapp使用微信小程序云开发、uniapp写出来的项目需要去商店下载吗等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！