flutter快速部署,flutter快速入门

Flutter 快速搭建项目脚手架

GITHUB地址:

作为一家“创意+整合+营销”的成都网站建设机构，我们在业内良好的客户口碑。创新互联提供从前期的网站品牌分析策划、网站设计、网站制作、成都做网站、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。

我们依赖国际化的两个package:

intl_translation 是用来生成arb的翻译文件,所以添加的依赖只用在dev环境下

这里我们会创建一个代理文件

Provider使用起来学习成本更小而且管理容易

Provider

Provider学习文章

创建一个通知的基类

主题和语言改变发出通知

在main中注册

主题相对来说比较简单,不需要依赖太多外部的框架

global设置

在上面写的函数中可以找到,添加了通知

shared_preferences

shared_preferences很多人都已经用过了不做过多的介绍.主要说明下,如何把原来异步的任务变成同步.

shared_preferences 异步有两个地方,一个是初始一个是存储

项目初始化的时候,可以将shared_preferences初始化然后存储下来,shared_preferences在get的时候是同步的,我们就不需要处理了,存储的时候我们依旧是异步的,这样能解决app启动是需要初始化的参数问题

1.NavigationService 不需要context的push工具

2.ScreenService获取屏幕宽高工具

3.EventBusService 通知工具

.....

flutter web（3) 快速创建web工程并运行

如果没有输出可能原因有两个

1.我们使用 vscode ## vs code支持的额很好。

版本问题 -- 自行查找对应版本

修改 yaml 文件中的版本知道运行成功。或者直接改成any，从lock文件中找到真正版本再修改yaml中的文件

flutter语言框架如何快速搭建视频通话场景？

有两种方法，一，自己找人才从零开始研发，当然要耗费对应的时间和资金，并且需要多次调试，不能绝对保证能提供良好的体验感；二，直接接入第三方互联网巨头研发的视频通话SDK，要想快速搭建的话，建议选择后者，即构科技的产品就不错，可以提供90天的体验。

基于Weex的Flutter项目框架

最近在做的一个项目，项目的前期采用Weex开发。但是随着交互复杂度的增加，Weex一处开发多处多处运行的特征并没有很好的体现，相反很多时候我们还是需要做IOS和Android的适配。如今火热的Flutter相比Weex和Rn来说，给出了更好的跨平台解决方案。所以我们设计了一套基于Weex实现，底层跑在Flutter Engine上的框架。

底层的Runtime采用isolate engine,框架业务逻辑，Dom的解析逻辑和Render逻辑都跑在这里。

渲染引擎采用Flutter的Skia，彻底剥离了Android和IOS的差异性.

将Weex VirsualDom的解析都替换成Flutter Widget.

设计基于Weex2Dart的Brider,使JS和Dart可以相互调用

weex-demo的性能展示

release环境下采用AOT模式，性能会有质的飞跃。

Android-Release版本只有10m大小

相比Weex和Rn具有更好的性能，同时具有更好的跨平台性

相比Flutter，具有动态部署的能力（Flutter Release采用AoT模式并没有动态部署的能力，即使Debug版本也只是开发环境下才有动态化能力并没有可以实施项目的能力）

只需要会Weex开发或则Rn开发就可以，不需要额外学习Dart，已有的Weex项目可以无缝切换。

flutter项目使用jenkins自动部署

操作系统：macOS Big Sur

前置需求：

ok，开始搞jenkins

1、使用homebrew安装jenkins

Terminal运行命令brew install Jenkins

2、运行jenkins

Terminal运行命令jenkins，最终出现 Jenkins is fully up and running代表运行成功

3、初始化jenkins

在浏览器地址栏输入

然后首次安装启动就会出现新手引导，根据引导操作

自定义jenkins那里选择安装推荐的插件

PS：这里我很多插件都安装失败了，这个没关系，可以进去再自己安装或者不再安装貌似也没啥影响，继续向下操作即可

最后的实例配置那，默认即可，也可以设置一个地址

PS：如果要设置的话，就是自己的电脑ip地址+8080端口就行，配置完之后系统管理里报了一个反向代理设置有误，目前没发现这个报错有什么不好的影响，这个地址也可以以后在jenkins系统管理-系统配置里改的，这个主要是用来让别的同事来访问时要用的，自己用的话就不用设置，额外说一个，如果同事电脑挂了vpn，大概率是访问不了你设置的这个地址的，退掉vpn即可

4、安装插件

进来第一步就是安装插件了，这里要用到哪些我也是根据别人的博客找的，但是由于我主要是用shell命令，所以好像很多都没用上，但是安装了也不亏。。。

gitLab Plugin、gitLab Hook Plugin、Xcode integration、keychains and provisioning profiles Management，DingTalk等

PS：说下这个Upload Keychain or Provisioning Profile File插件，这个是用来管理iOS证书和配置文件的，但是吐血的是，无论如何都传不上去，搞到头秃，最后没办法，放弃治疗，好在还有别的办法，往下看

然后DingTalk这个是在构建成功后自动通知到钉钉群的插件，我这边用到了，下面也有介绍

5、iOS相关设置

系统管理-Manage Credentials

点击 Stores scoped to Jenkins下面的域-全局，然后就可以添加全局凭据了，这里要添加的是：

Upload Keychain or Provisioning Profile File插件用不了，配置文件在这里添加也是一样的

6、Android相关设置

系统管理-系统配置-全局属性-环境变量

Android SDK设置

系统管理-全局工具配置

JDK设置

Gradle设置

7、钉钉插件通知配置

在钉钉群的设置-智能群助手-添加自定义机器人

要复制一下webhook链接，下面要用，还有关键字设置，要钉钉和jenkins一致

在jenkins系统管理-系统配置中，设置钉钉，点击测试如果群聊能收到通知就可以

8、新建任务

这里是Android和iOS各建一个，选择freestyle即可，两边别的都一样，就是shell命令不一样，下面会贴

点开新建的任务，点击配置

①描述和钉钉

②git信息

git这里是自己项目的git地址和之前全局配置的git账号密码，也可以再这里添加新的账号密码

③构建触发器和构建环境都不用选

④构建

选择执行shell，然后填写shell命令（iOS和Android我都贴上了，可以自己参考和修改）

里面的一些关键密码和文件名等，我改成了文字描述或者***，都填自己的

此shell支持的一些功能：清空指定文件夹，替换指定文件，替换指定文件的指定内容，导出安装包，上传蒲公英，安装包重命名（version+build+时间），安装包上传svn

Android apk打包shell

⑤构建后操作也不用做，保存

9、点击立即构建

如果构建失败可以点击当次构建，然后点击查看控制台输出，查看具体报错进行修改，一般来说只要androidStudio和xcode能够编译成功的话，这边问题都不大，一般都是一些小问题要改，如果构建成功，就会通知到钉钉群了