【UniApp】-uni-app概述

BNTang發表於2023-12-07

前言

好,經過我們前面文章的編寫,大家可以瞭解到微信小程式開發相關的知識,瞭解完了這個微信小程式開發和雲開發之後,從這篇文章開始,我再來給大家寫一下關於 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技術和一些個人的見解,謝謝大家的支援。

相關文章