【UniApp】-uni-app概述

前言

好,经过我们前面文章的编写,大家可以了解到微信小程序开发相关的知识,了解完了这个微信小程序开发和云开发之后,从这篇文章开始,我再来给大家写一下关于 Uniapp 的知识。

好,开始,那什么是 Uniapp 呢?这个时候我们不管三七二十一,先打开我们 Uniapp 官方文档,它官方地址也很简单,叫做 dcloud.io

这就是官方档。在官方文档当中有一个 uni-app,然后它下面写了一句话,开发一次多端覆盖,对吧?那什么叫做开发一次多端覆盖?也非常简单。

点击 uni-app 这个链接,进入,我们慢慢详细的来看:

好,点进来之后在这里面就有个介绍,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

开发多端应用

好,那这哥们到底有什么好处呢?

有什么好处呢?也非常的一个简单,我相信大家其实也明白什么叫做多端应用,对吧?

开发 IOS

那如果说没有 Uniapp 框架,你要想开发一个 ios app,你需要干什么?你首先需要去学习,学习什么呢?需要学习我们的一个 Object-c,或者学习我们的一个 Swift 语言,学习完毕这些语言之后再干什么?再通过这些语言开发我们的一个 IOS 应用。

开发 Android

那安卓也是一样的。开发安卓首先你要学习安卓所需要的框架语言例如学习我们的一个 Java/Kotlin 语言,对吧?好,学习完了Java/Kotlin之后干什么?再通过我们的一个叫做Java/Kotlin,开发我们的一个叫做 Android 应用, 对不对?

开发 Web

好,那么我们的 Web 前端你是不是也要去学习?学习什么?是不是去学习我们的一个 HTML,学习我们的一个 CSS,然后学习我们的一个 JS,然后呢?干什么?在通过学习的 HTML/CSS/JS 开发我们的一个 Web 应用,对吧?

开发小程序

好,那小程序就不用多说了,小程序其实用到的就是前端相关的一些东西。

其实小程序就是我们学习的前端知识,然后加上各平台小程序特有的一些,这个叫做内容(语法),然后再通过这些开发我们的一个小程序的应用,对吧?

开发多端应用的问题

所以经过我的一个总结,我就发现了一个问题,如果说没有 Uniapp 的话,你要想适配多个平台,那你是要去学习多门语言的,要进行多次开发,对吧?

过去, 要适配我们的多个平台,我们需要学习多门语言,然后进行多次开发,对不对?这样 成本 就上去了,对吧?而且这样它的开发周期是不是也比较长了,对吧?也就是说麻烦,总之就是什么呢?开发成本变高了

我将如上的内容画了一张图进行总结,大家可以看一下:

开发多端应用的解决方案

好,那为了解决这些问题,那这个时候就有人写了一个框架,叫做 Unipp,Uniapp 是什么呢,它是一个使用 Vue.js 开发的框架。

我们只需要过 Unipp 这个框架你就可以只编写一次代码,就可以打包成多个平台的应用,也就是说 Uniapp 编写的代码,可以打包成 IPA/APK/H5/WEB/小程序等多个平台的应用。

也就是说它底层把这些事情帮你做了,你通过它编写东西,它可以自动给你转换成 iOS 能够识别的,能够自动给转换成安卓能够识别的。能够自动给你转换成 Web 可以识别的。能够自动给转换成小程序能够识别的。

那这样的话,你是不是只需要编写一次代码?那是不是就可以适配多个平台了?

不同角度的看法

从过去的角度看

那相对于过去来说的话,是不是就不用学习那么多的语言了,对吧?就不用每个平台都重新开发一次了,对吧?

从公司的角度看

那如果说从公司角度来说的话,唉,是不是就不用这个叫做养多个团队了,对吧?那你的成本是不是也下来了,对吧?那这个呢也就是我们这个 Uniapp 了,知道吧,欧了。

然后关于 Uniapp 的其他东西呢?大家自己去文档里面看一下就可以了,其他东西都是一些累赘的概述,没有意义拿这里我再给大家说一遍。

好,最后你只需要记住一点,你只要知道 Uniapp 是用 Vue.js 写的,用 Vue 写的,然后通过 Uniapp 编写的应用程序可以干什么?可以一套代码就可以发布到安卓、iOS、 Web 和各种小程序了,就 OK 了。

最后

大家好我是 BNTang, 一个热爱分享的技术的开发者,如果大家觉得我的文章对你有帮助的话,可以关注我的公众号 JavaBoyL,我会在公众号中分享一些IT技术和一些个人的见解,谢谢大家的支持。

相关推荐
咸虾米_3 天前
咸虾米壁纸微信小程序下载图片到相册saveImageToPhotosAlbum功能修改
微信小程序·小程序·uniapp·notepad++
~牧马~4 天前
【记录50】uniapp安装uview插件,样式引入失败分析及解决
uniapp·uview插件
流氓也是种气质 _Cookie5 天前
uniapp 将base64字符串保存为图片、Word、Excel、音频、视频等文件
uniapp·base64tofile
!win !8 天前
WebP图片使用踩坑
小程序·uniapp·webp
顽疲8 天前
从零用java实现 小红书 springboot vue uniapp (3)详情页优化
java·vue.js·spring boot·uniapp
程序猿看视界10 天前
uniapp小程序的锚点定位(将页面滚动到目标位置)
uniapp·锚点定位
oil欧哟14 天前
给我的小程序加了个丝滑的搜索功能,踩坑表情包长度问题
前端·vue.js·微信小程序·uniapp
一殊酒23 天前
【前端开发】小程序无感登录验证
前端·小程序·uniapp
竣子好逑1 个月前
uniapp 自定义popup 弹窗 简单封装(微信小程序)
前端·微信小程序·小程序·uni-app·uniapp
h185385922441 个月前
志愿者小程序源码社区网格志愿者服务小程序php
微信小程序·小程序·php·uniapp·源码软件