Android

编辑 变更圈子

查看历史

分享

举报

Flutter、Tauri、React Native都是目前移动端流行的跨平台开发框架，并且他们还能胜任全平台开发。React Native是最早开源的跨平台框架，而Flutter紧跟其后，并且Flutter最近几年超越React Native成为当前世界上最流行的跨平台框架。Tauri则是最近几年诞生的新跨平台框架，跟其他框架显著不同的一点是，它允许你使用任何前端框架，即你能够自由使用整个Web生态进行跨平台开发。Flutter、Tauri、React Native、Android原生我都尝试过，接下来我说一下我分别使用他们的开发经历。首先，我第一个使用的跨平台框架是Tauri，当时Tauri V2.0已经发布，我看它能够使用Nuxt.js或者Next.js进行开发，觉得蛮不错的。毕竟我有两个网站，一个是Nuxt写的，另一个是Next写的，这样我就只需要在原有代码基础上修改一下就行了。于是很快我就栽跟头了，首先是Nuxt的桌面端应用，我在dev模式下，没有发现任何问题，$fetch请求也能正常发送。结果build以后，发现所有的请求都废了，全是404，将url改为完整url，结果就是跨域问题。之后我才明白，Tauri其实是一个Rust GUI框架，HTML、CSS、JavaScript都只是用来渲染画面罢了，想要发送HTTP请求还得通过Rust。于是，在Tauri官方文档中，我找到了HTTP请求的插件，最后才解决了这个问题。这还只是个小问题，最后真正劝退我的还是写移动端的时候。之后我找到了一个Web端的手机端UI库，于是打算从零开始写一个手机端APP。刚开始一切都没问题，开发起来就跟Web端我适配手机端时一样。直到写登录功能时，我才遇到一个新问题。在Web端我们可以直接使用cookie来实现登录功能，而在Tauri似乎并没有cookie这个概念，我得使用OAuth2实现登录功能，并将access token与refresh token存放到安全的地方。而这就是一切问题的起因，我查看了Tauri官方提供的插件，最后找到了两个能用来存储数据的插件——Store和Stronghold，而Stronghold就是专门用于存储敏感数据的。于是，我直接根据官网的步骤开始使用，结果最后运行的时候rust build报错了，怎么样都修复不了。谷歌上也找不到什么有用的信息，最后我不得已去GitHub提了一下issue，没人答复。于是我只能放弃Tauri，毕竟这么简单的功能都解决不了，谁知道后面有没有更难的。后来我也知道这是为什么了，就是Stronghold的一个依赖过时了，但没人替换掉，总之这个问题短期内是无法解决的。具体见Stronghold doesn't work在放弃Tauri后，接着，我使用了React Native来开发。React Native虽然使用的语言是React的，但是开发体验完全不一样。并且我刚开始使用了错误的UI库Tamagui上手（具体见React Native UI库介绍与对比），加上创建项目使用的template不同，总之刚开始用了不多久，我就放弃React Native了，转而尝试安卓原生和Flutter。说到安卓原生，我的开发时间很短，因为一开始用了没多久就把我劝退了😅。首先是很奇葩的需要将所有的string都写进一个xml文件里，这跟Web开发这么久所形成的习惯格格不入。接着就是布局组件这些，都得在xml文件里写，而函数调用那些就得在kt文件里写。接着就是实现一个ListView想不到也这么麻烦，最后根据网上找的资料，我才勉勉强强实现一个。最后把我劝退的，是在安卓原生发送HTTP请求，我对Java或者Kotlin本身就不熟悉，结果我发现想要发送一个简单的请求居然如此麻烦，对比React Native直接一个fetch搞定，安卓原生哪怕下了OkHttp也还是那么复杂。总之，最后我觉得按这个情况下去，开发完一个APP得猴年马月。于是，这时我第一次使用Flutter进行开发，虽然Flutter用的是dart语言，对熟悉JavaScript的Web开发者来说有些反人类设计，但其写法跟Java相似，并且跟安卓原生相比，已经简化很多了，接着还有一点就是它的官方文档十分齐全，还附有视频。刚开始用Flutter开发也没啥大问题，基本上都克服了。Flutter的状态管理相比于React Native能够使用Zustand还是复杂很多，不过发送HTTP请求还算简单跟fetch有得一比，比安卓原生简单不知道多少倍。而Authentication的实现比React native navigation的实现过程复杂一些，但最后也是顺利实现。目前看来，我应该可以使用Flutter一直开发下去。最后是什么劝退我使用Flutter呢？答案很简单，因为我无法使用Android emulator进行测试。前面我使用flutter都是直接用浏览器来测试的，也就是说我测试的是Web端，而Web端想要实现跨域很麻烦，反正我一直实现不了。毕竟我要开发的只是手机端，于是我直接打开安卓版，结果要么是报错，要么好不容易报错没了，结果Android emulator崩了。最后我花了不少时间，都解决不了Android emulator崩溃的问题，GitHub上也有不少人遇到这个问题，于是我只好放弃Flutter。最后我重新使用React Native进行开发，并且弃用Tamagui，改用React native paper以后，基本上也没遇到什么大问题。一路顺利推进下去，而偶尔也会遇到一些问题，需要花很多时间来解决。就这样前前后后花了三个月，弦圈APP终于在3月1号开发完成。

如果你想要开发Android应用，那么Android Studio往往是必不可少的，其包含Android开发所需要的环境，即便你不打算用Android Studio进行开发，也需要先安装配置好它。首先打开Android Studio中文官网进行下载：https://developer.android.google.cn/studio?hl=zh-cn，下载速度亲测可以，作者今天下载时速度甚至达到了60MB/s。点击下载Android Studio xxx，接着会弹出下载Android Studio的条款及条件。勾选同意后，点击下载Android Studio xxx开始下载。下载完后打开安装包，然后点击Next继续点击Next接着选择好你的安装位置，继续点击Next现在点击Install开始安装耐心等待安装完成安装完成后，点击Next然后点击Finish完成安装等待Android Studio打开。这时会弹出这个收集数据的东西，点击Don't send😎接着进入到Android Studio Setup Wizard的界面，这时如果弹出下图错误，直接点击Cancel即可然后点击Next开始安装流程接下来这里选择默认的Standard即可，直接点击Next进一步这时候设置好你想要安装Android Sdk的位置，然后等待fetch数据接着点击Next继续点击Next这时勾选Accept同意条款，然后点击Finish这时等待下载和安装即可需要注意的是这一步可能很慢，要等很长时间，可以点击Show Details查看进度安装完后，点击Finish这时会弹出以下的开始界面，证明Android studio就已经安装完成了。点击New Project，创建一个新项目。然后随便选择一个activity（这里我们选的是Bottom Navigation Views Activity），然后点击Next然后填写项目名称、包名、项目位置、语言、最小SDK，接着点击Finish这时便会到达项目页面，耐心等待即可到这里关于Android Studio的安装教程就到此为止了。