首页 » 软件优化 » 还在为原生开发App而苦恼?Flutter一份代码打包两端应用(还在开发两端打包代码)

还在为原生开发App而苦恼?Flutter一份代码打包两端应用(还在开发两端打包代码)

admin 2024-12-07 04:10:15 0

扫一扫用手机浏览

文章目录 [+]

目前手机主流的操作系统被苹果的IOS和谷歌的Android占领,市场相互竞争,以两大系统为核心的手机每年都出新品,由于Android相对开源的系统,比起IOS的用户量还大一些,但没有阻碍苹果的快速发展,以人机交互的顺畅体验,简洁大气的外观和软件硬件强大的支撑而夺取了手机销售冠军,市值一路飙升。

安卓原生开发以Java为编程语言,最近几年里,谷歌官方推出了安卓全新的编程语言kotlin,简洁的语法完美融合了Java无缝对接,让安卓开发者体验到了编程的快感,苹果原来的object-c语言也被官方推出的swift语言所替代,不仅简单还很强大的代码流,kotlin和swift像是两大门派,分别创出了绝世武功一样。

这两种系统语言的开发离不开两家强大的编辑器,配置、编辑、调试、预览、打包、流程都很nice,但是对于创业型公司,往往为了节约成本,招一名技术开发人员,分别写两套代码,虽然现在移动端全栈很多,但是一套代码打包成跨平台的两端App应用它不香吗?

还在为原生开发App而苦恼?Flutter一份代码打包两端应用(还在开发两端打包代码) 软件优化
(图片来自网络侵删)
移动开发的几种模式

1.原生开发

原生应用程序,比如安卓和iOS特有的应用,使用相应的平台支持的开发工具和语言,并直调用系统SDK的api,它的优势非常明显

可访问系统的全部功能如摄像头、GPS速度快、性能高、可以实现复杂的动画绘制,整体用户体验好

2.H5混合开发

这类框架主要原理就是将APP里一部分需要经常变动的内容通过H5实现,通过原生的网页加载webview,这样一来通过H5可以随时改变而不用发现,它的缺点很多

没有权限访问平台的文件,不能使用蓝牙没有原生体验好,遇到网络延迟会出现卡顿的现象

为了解决一套代码生成两端APP,体验感也很好,Flutter孕育而生了

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。
开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。
Flutter提供了丰富的组件、接口,开发者可以很快地为 Flutter添加 native扩展。
同时 Flutter还使用 Native引擎渲染视图,这无疑能为用户提供良好的体验。

为了让大家很快的入门,搭建个 Flutter 开发环境的流程并运行 hello world

Flutter 开发环境搭建

工欲善其事必先利其器,以Windows下Flutter SDK的安装为例,然后再介绍一下配IDE和模拟器的使用。

1.下载安装Flutter SDK

由于网络限制,可以去github上下载最新的版本SDK

Flutter github url down

点击对应版本的ZIP文件包,等待一会下载好,这个时间你可以去喝杯咖啡,轻松一下。

终于下载好了,把压缩包解压到当前目录,并且放到你想要安装的目录,最好不要放到C://根目录下面,推荐选择其他磁盘,这里我放在D盘的fluttersdk 文件夹中

flutter sdk安装目录

在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
但是由于flutter需要联网才能获取相关数据,临时搭建的环境中国镜像

export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

那么怎么做链接到镜像地址呢?和平时我们配置开发环境变量相似

打开环境变量配置弹窗

按照上面的步骤Flutter命令就可以不受网络限制了,能获取到相关的信息了

flutter sdk只要添加到环境变量当中就可以在windows上的PowerShell运行Flutter相关命令了

我这里的路径是D:\fluttersdk\flutter-1.20.1\bin,根据你放置的目录不同对应相应的路径,放置到Path环境变量的最后边,前面记得加英文; 点击确定就Ok

配置环境变量

关闭PowerShell再打开生效 配置好了环境变量,运行Flutter命令看下结果

运行命令 flutter doctor 显示错误的信息 error:Unable to git in your Path

这句话的意思是GIt没有被安装,首先安装git

安装好git后在运行命令看下结果,那么运行Flutter命令为什么要用git呢?原来这些依赖于git托管分支,

看到这个命令下载相关的文件包了,耐心等待一会,检测所需的运行环境配置是否正确。

看到报了一堆错误,但是不要着急,来看第一个明显没有检测到Androidstudio 需要下载,

我去官方网址下载,看到目前Androidstudio 是4.0.1版本,但不要下载最新的预览版,会有很多想不到的错误。

编辑器下载完成了,解决图上第二个错误意识是Androidstudio没有安装flutter插件和dart插件,让我们继续来看在Androidstudio安装这两个插件

选择Androidstudio ->file->seting->Plugins

在插件搜索框中输入Flutter 就可以看到这个插件了 然后点击安装等待安装完毕,重新启动IDE就可以新建Flutter项目了。

最后创建一个项目的默认界面

过程有点多,但并不复杂,只要细心跟着一步一步操作就可以看到最后的hello demo界面了

第一步的开发环境搭建完毕,剩下的就是开发者们随意发挥的时刻了,一个好的App始于好的创意,感谢大家阅读。

标签:

相关文章

真正让消费者放心(东升装饰监督自检自查)

对此,铭望装饰建立东升老师的真监督和铭望的自查自检双重监督体系。一、东升监督1、突击检查。东升老师通过突击检查,亲自到若干个工地去...

软件优化 2025-02-09 阅读650 评论0