跨平台应用开发进阶(六十四):微信小程序开发技术栈原生开发 VS 跨平台开发

news/2024/7/20 1:14:23 标签: 微信小程序, vue.js, 小程序

文章目录

    • 一、前言
    • 二、原生开发
    • 三、uni-app 开发
      • 3.1 UI组件库
      • 3.2 插件市场
      • 3.3 用户体系
      • 3.4 后台管理系统
      • 3.5 云开发
      • 3.6 难易程度
    • 四、拓展阅读

一、前言

说到前端开发,就不得不说到跨端开发,因为它可以提高应用程序的效率并降低开发成本。uni-app是一种跨平台开发框架,基于Vue.js,并且可以在多个平台如小程序>微信小程序、支付宝小程序、H5等上运行。对于开发人员来说,这意味着他们可以使用同一个代码库来构建多个平台的应用,而不需要开发不同的代码库。

相信大家对小程序都不陌生,在生活的方方面面中都有它的身影,比如:社区团购、商城购物、打车出行、订餐外卖、健康码、小游戏等,都是小程序的影子,小程序的普及,主要来源于他独有的优势,无需安装、随用随走、不额外占用内存,是一种功能强大轻量化的APP,用户通过扫码或多种方式,即可快速开启,深受广大开发者及用户的青睐。

那么,如果计划开发一款小程序,使用原生还是uniapp?如何开发一款小程序?下面就原生开发及跨平台开发做简要讲解。

二、原生开发

原生开发的优点如下:

  • 官方文档清晰明了,更接近手机服务的底层逻辑,开发者可以更有针对性的对小程序进行深度开发。

  • 使用原生开发可以紧随官方版本,更新响应速度快,让项目达到最优状态。

再来看一下缺点:同前端开发一样,开发不同平台下的小程序,需要不同的开发工具及语法,如微信开发者工具、阿里开发工具、字节跳动开发工具、QQ开发工具等等,如果项目只做单平台的小程序,原生无疑是最优的选择,但如果同时开发多平台小程序,同样的项目需要写多套代码,后期维护起来工作量大成本高。

三、uni-app 开发

uni-app开发的优点如下:

  • 一套代码可以打包14个不同类型的平台,能生成各种小程序H5及APP应用,开发者不需来回切换各种开发工具,使用HBuilderX一款编辑器全搞定。

  • 方便入手,使用vue的语法结合小程序api,有vue基础可以看文档直接上手,没有vue基础可以通过uni-app掌握vue开发,毕竟vue是前端开发界的扛把子。

  • uni-app多终端支持而且生态更好一些,如果项目要求不高,基本不用写太多代码,就能速成一款应用(低代码平台微搭也可以考虑)。

再来看一下缺点:

uni-app打包出来的小程序可能会存在平台兼容问题,同样的代码会在不同平台下存在差异,官方版本更新活跃,相信这些问题逐渐都会得到解决的。

下面以小程序>微信小程序原生开发与uni-app两种形式的开发,进行生态上的差异对比:

3.1 UI组件库

很多前端同学CSS普遍不大好,做出来的项目样式非常土气,UI组件库可以让我们快速构建出一款美观的应用,小程序>微信小程序uni-app都有官方库和第三方库,uni-ui配合uView的组合功能更多更全,大家可以自己对比看看。

weUI地址

vant weapp地址

uni-ui地址

uView地址

3.2 插件市场

截止目前,微信服务市场的插件是100+款,uni-app插件市场8K+款,很明显uni-app插件市场的开发者活跃度更高。

微信服务市场

DCloud插件市场

3.3 用户体系

小程序>微信小程序依赖于微信的一键登录非常方便,uni-app不但能使用微信登录,而且还有一套自己的用户管理系统,结合uniCloud几乎不需要写太多的代码,就能集成一套多平台的,用户登录注册体系。

3.4 后台管理系统

小程序>微信小程序有自带的内容管理系统,uni-appuni-admin后台管理系统,从上手难易程度来讲,微信的内容管理系统非常简单方便,但是模块不能扩展,只能做一些简单的增删改查,uni-admin后台管理系统其实就是一个vue项目,上手有些难度,但是可以任意扩展自定义模块。

3.5 云开发

云开发可以让前端工程师转变为全栈开发工程师,让前端开发可以自己操作数据库,目前腾讯小程序依赖的腾讯云开始收费了,月费为19.9,uni-app可以使用腾讯云,也可以使用阿里云,目前阿里云免费,可以白嫖。

3.6 难易程度

如果你是新手的话,上手哪个都可以,都算是前端必备的技能 。

四、拓展阅读

  • 《跨平台应用开发进阶(六十二):如何把 uni-app APP项目转换成小程序
  • 《跨平台应用开发进阶(六十三):小程序>微信小程序开发》

http://www.niftyadmin.cn/n/344383.html

相关文章

5.21下周黄金走势分析及开盘独家交易策略

近期有哪些消息面影响黄金走势?下周黄金多空该如何研判? ​黄金消息面解析:周五(5月19日)美市尾盘,现货黄金收报1977.54美元/盎司,大幅上升19.99美元或1.02%,日内最高触及1984.22美元/盎司,最低…

【LeetCode: 10. 正则表达式匹配 | 暴力递归=>记忆化搜索=>动态规划 】

🚀 算法题 🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持,因为它具有很高的价值,算法就是这样✨ 🌲 作者简介:硕风和炜,…

【Nodejs】使用Nodejs搭建HTTP服务,并实现公网远程访问

文章目录 前言1.安装Node.js环境2.创建node.js服务3. 访问node.js 服务4.内网穿透4.1 安装配置cpolar内网穿透4.2 创建隧道映射本地端口 5.固定公网地址 转载自内网穿透工具的文章:使用Nodejs搭建HTTP服务,并实现公网远程访问「内网穿透」 前言 Node.js…

电脑照片怎么导入苹果手机?三个妙招帮你解决!

案例:电脑有很多照片,该如何导入苹果手机? 【家人们,电脑里面的照片怎么样可以快速导入到苹果手机?求方法!】 导入电脑照片到苹果手机是一个常见的需求,尤其是当您希望在手机上随时欣赏和分享这…

pg事务:子事务

什么是子事务? 一般事务只能整体提交或回滚,而子事务允许部分事务回滚。 SAVEPOINT p1 在事务里面打上保存点标记。不能直接提交子事务,子事务也是通过事务的提交而提交。不过可以通过ROLLBACK TO SAVEPOINT p1回滚到该保存点。 子事务在大…

Tiny+ 语言词法之C语言

访问【WRITE-BUG数字空间】_[内附完整源码和文档] 语义分析本质上就是在语法分析的基础上进一步完善分析的功能。举个例子来说,在语法分析部分的 if_stmt 函数中,在语义上判断条件必须返回布尔类型的值,因此我们加入一个判断,判断…

关于Java中的抽象类注意事项

文章目录 🏆文章导读🍂抽象类的定义🍂抽象类的特性🍂总结:面试题普通类和抽象类有哪些区别?抽象类能使用final继承吗? 🏆文章导读 在本篇文章中,对抽象类进行了一个详细的…

YOLO-NAS C++部署 2023.5.17

这不最近新出了网络,YOLO-NAS,听过性能和速度都不错,而且int8量化后效果也不错。 一、吐槽 但是我打开该项目阅读readme.txt时候,发现这些示例网站一个都打不开! 而且readme.txt很不详细,你想训练自己的模…