Flutter Dio源碼分析(一)--Dio介紹
創(chuàng)新互聯(lián)專業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管,支持按月付款!我們的承諾:貴族品質(zhì)、平民價格,機(jī)房位于中國電信/網(wǎng)通/移動機(jī)房,成都服務(wù)器托管服務(wù)有保障!
Flutter Dio源碼分析(二)--HttpClient、Http、Dio對比
Flutter Dio源碼分析(三)--深度剖析
Flutter Dio源碼分析(四)--封裝
Flutter Dio源碼分析(一)--Dio介紹視頻教程
Flutter Dio源碼分析(二)--HttpClient、Http、Dio對比視頻教程
Flutter Dio源碼分析(三)--深度剖析視頻教程
Flutter Dio源碼分析(四)--封裝視頻教程
github倉庫地址
本文會手把手教你該怎么去封裝一個類庫,平時在我們的工作中都是拿著別人的造好的輪子在使用,這篇文章將帶你怎么去自己造輪子,以后再碰到別的類庫需要對其進(jìn)行封裝的時候提供一個的思路和方法。
在前面的文章中,我們對 Dio 的基本使用、請求庫對比、源碼分析,我們知道 Dio 的使用非常的簡單,那為什么還需要進(jìn)行封裝呢?有兩點如下:
當(dāng)組件庫方法發(fā)生重要改變需要遷移的時候如果有多處地方用到,那么需要對使用到的每個文件都進(jìn)行修改,非常的繁瑣而且很容易出問題。
當(dāng)不需要 Dio 庫的時候,我們可以隨時方便切換到別的網(wǎng)絡(luò)請求庫,當(dāng)然 Dio 目前內(nèi)置支持使用第三方庫的適配器。
因為一個應(yīng)用程序基本都是統(tǒng)一的配置方式,所以我們可以針對 攔截器 、 轉(zhuǎn)換器 、 緩存 、 統(tǒng)一處理錯誤 、 代理配置 、 證書校驗 等多個配置進(jìn)行統(tǒng)一管理。
因為我們的應(yīng)用程序在每個頁面中都會用到網(wǎng)絡(luò)請求,那么如果我們每次請求的時候都去實例化一個 Dio ,無非是增加了系統(tǒng)不必要的開銷,而使用單例模式對象一旦創(chuàng)建每次訪問都是同一個對象,不需要再次實例化該類的對象。
這是通過靜態(tài)變量的私有構(gòu)造器來創(chuàng)建的單例模式
我們對 超時時間 、 響應(yīng)時間 、 BaseUrl 進(jìn)行統(tǒng)一設(shè)置
因為不管是 get() 還是 post() 請求, Dio 內(nèi)部最終都會調(diào)用 request 方法,只是傳入的 method 不一樣,所以我們這里定義一個枚舉類型在一個方法中進(jìn)行處理
我們已經(jīng)把 Restful API 風(fēng)格簡化成了一個方法,通過 DioMethod 來標(biāo)明不同的請求方式。在我們平時開發(fā)的過程中,需要在請求前、響應(yīng)前、錯誤時對某一些接口做特殊的處理,那我們就需要用到攔截器。 Dio 為我們提供了自定義攔截器功能,很容易輕松的實現(xiàn)對請求、響應(yīng)、錯誤時進(jìn)行攔截
我們發(fā)現(xiàn)雖然 Dio 框架已經(jīng)封裝了一個 DioError 類庫,但如果需要對返回的錯誤進(jìn)行統(tǒng)一彈窗處理或者路由跳轉(zhuǎn)等就只能自定義了
在我們發(fā)送請求的時候會碰到幾種情況,比如需要對非open開頭的接口自動加上一些特定的參數(shù),獲取需要在請求頭增加統(tǒng)一的 token
在我們請求接口前可以對響應(yīng)數(shù)據(jù)進(jìn)行一些基礎(chǔ)的處理,比如對響應(yīng)的結(jié)果進(jìn)行自定義封裝,還可以針對單獨的 url 做特殊處理等。
我們看了轉(zhuǎn)換器的介紹,發(fā)現(xiàn)和攔截器的功能差不多,那為什么還要存在轉(zhuǎn)換器,有兩點:
執(zhí)行流程: 請求攔截器 請求轉(zhuǎn)換器 發(fā)起請求 響應(yīng)轉(zhuǎn)換器 響應(yīng)攔截器 最終結(jié)果 。
只會被用于 'PUT'、 'POST'、 'PATCH'方法,因為只有這些方法才可以攜帶請求體(request body)
會被用于所有請求方法的返回數(shù)據(jù)。
在開發(fā)過程中,客戶端和服務(wù)器打交道的時候,往往會用一個 token 來做校驗,因為每個公司處理刷新token的邏輯都不一樣,我這里舉一個簡單的例子
為什么我們需要有取消請求的功能,如果當(dāng)我們的頁面在發(fā)送請求時,用戶主動退出當(dāng)前界面或者app應(yīng)用程序退出的時候數(shù)據(jù)還沒有響應(yīng),那我們就需要取消該網(wǎng)絡(luò)請求,防止不必要的錯誤。
由 服務(wù)器生成 的 一小段文本信息 ,發(fā)送給瀏覽器,瀏覽器把 cookie 以kv形式保存到本地 某個目錄下的文本文件內(nèi),下一次請求同一網(wǎng)站時會把該 cookie 發(fā)送給服務(wù)器。
cookie 的使用需要用到兩個第三方組件 dio_cookie_manager 和 cookie_jar
因為在我們平時的開發(fā)過程中,會碰到一種情況,在進(jìn)行網(wǎng)絡(luò)請求時,我們希望能正常訪問到上次的數(shù)據(jù),對于用戶的體驗比較好,而不是展示一個空白的頁面,該緩存主要是 《Flutter實戰(zhàn)》網(wǎng)絡(luò)接口緩存 提供參考。
我們在程序退出后內(nèi)存緩存將會消失,所以我們用 shared_preferences 進(jìn)行磁盤緩存數(shù)據(jù)。
在我們用flutter進(jìn)行抓包的時候需要配置 Dio 代理。由 DefaultHttpClientAdapter 提供了一個 onHttpClientCreate 回調(diào)來設(shè)置底層 HttpClient 的代理。
用于驗證正在訪問的網(wǎng)站是否真實。提供安全性,因為證書和域名綁定,并且由根證書機(jī)構(gòu)簽名確認(rèn)。
日志打印主要是幫助我們開發(fā)時進(jìn)行輔助排錯
1. 建立一個flutter項目的命令
2. 在ios文件夾下,生成pods文件夾
3. Xcode環(huán)境簽名設(shè)置;
把錯誤的版本刪除再添加,可解決簽名錯誤問題;必須先刪除再添加,直接修改可能不起作用。團(tuán)隊開發(fā),必須使用團(tuán)隊的簽名。
4.運(yùn)行創(chuàng)建的flutter項目;
選擇真機(jī)、模擬機(jī),點擊運(yùn)行按鈕,或使用命令運(yùn)行:
下面兩步是贈送的:
5.新加一款插件,所涉及的命令;
ios 端所涉及的命令
6. 剛更新的插件和已有的插件有沖突怎么辦?
可以試一試以下步驟:
簽名:
keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key
【~/key.jks】生成文件的路徑和文件名
keytool -importkeystore -srckeystore C:/test/key.jks -destkeystore C:/test/key.jks -deststoretype pkcs12
遷移到行業(yè)標(biāo)準(zhǔn)格式 PKCS12
在project/android下創(chuàng)建key.properties文件
文件內(nèi)容
在Projects\android\app\build.gradle里的 android{ 上邊添加
def keystorePropertiesFile = rootProject.file("key.properties")
def keystoreProperties =new Properties()
keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
android{
buildTypes{
release{
? ? signingConfig signingConfigs.release
}
}
修改成
signingConfigs{
release{
? ? keyAlias keystoreProperties['keyAlias']
? ? keyPassword keystoreProperties['keyPassword']
? ? storeFile file(keystoreProperties['storeFile'])
? ? storePassword keystoreProperties['storePassword']
}
}
buildTypes{
release{
? ? signingConfig signingConfigs.release
}
}
之后在執(zhí)行 flutter build apk打包就簽名了。
在有簽名文件的情況下獲取應(yīng)用簽名:
keytool -list -v -keystore 簽名文件路徑
MD5就是文件簽名:復(fù)制出來去掉:就可以使用了。
項目分享中需要用到這兩項,需要到官網(wǎng)進(jìn)行注冊。
下面是官網(wǎng)的官方文檔:
;id=14
根據(jù)官網(wǎng)指示,在pubspec.yaml文件中加入下面依賴
dependencies:
sharesdk_plugin:
安卓的mobsdk.gradle客服說是可以自動生成,也有存在部分未自動生成,所以未自動生成需要手動添加,然后再重新自定義編輯。具體可以直接挪官網(wǎng)demo的文件。
另外手動添mobsdk.gradle文件后,需要在gradle文件中添加mobsdk.gradle的引用
apply from:'../MobSDK.gradle'(在android{}之外添加)
此外,ios的 sharesdk_plugin.podspec會自動生成,就照著官網(wǎng)編輯即可,到了這步就算是sdk的成功引用了, 。
1.需要打包簽名,不然微信等部分應(yīng)用分享失敗。
2.flutter簽名沒有快捷方式了,需要用命令來生成,具體百度吧!
3.打包,在命令行flutter? build apk,會在項目下/build/app/outputs/apk/release/下。
通過cd到項目,運(yùn)行adb install apk的路徑的方式,進(jìn)行測試。
Flutter 項目雖說是跨平臺項目,但是項目的名稱還是需要在不同的平臺設(shè)置,不同平臺的設(shè)置位置是:
1、 Android 項目名字配置是在 android/app/src/main/AndroidManifest.xml 文件中的 application 下的 android:label 。如下圖所示:
2、 iOS 項目名字配置是在 ios/Runner/Info.plist 文件中的 dict 下的 keyCFBundleName/key stringtestapp/string 。如下圖所示:
Flutter 項目雖說是跨平臺項目,但是項目的 Logo 圖標(biāo)還是需要在不同的平臺設(shè)置,不同平臺的設(shè)置位置是:
1、 Android 項目 Logo 配置是在圖片放置在 android/app/src/main/res 下的對應(yīng)目錄下:
mipmap-mdpi : 48 _ 48
mipmap-hdpi : 72 _ 72
mipmap-xhdpi :96 _ 96
mipmap-xxhdpi :144 _ 144
mipmap-xxxhdpi :192 * 192。如下圖所示:
然后,在 android/app/src/main/AndroidManifest.xml 路徑下的 AndroidManifest.xml 文件中的 android:icon 。如下圖所示:
2、 iOS 項目 Logo 的配置是在 ios/Runner/Assets.xcassets/AppIcon.appiconset 文件下,直接更換圖片,名字不要改動 。如下圖所示:
1、使用 cd 指令進(jìn)入項目(testapp)的根目錄(方便后面操作),如下圖所示:
填寫對應(yīng)的值,如下圖所示:
1、 build.gradle 文件的位置,如下圖所示:
2、在 build.gradle 中配置 key.propreties 的全局變量,
如下圖所示:
3、 build.gradle 文件中進(jìn)行簽名配置。
如下圖所示:
注意: buildTypes 中的 signingConfig signingConfigs.debug 可以變更為 signingConfig signingConfigs.release ,這樣在打包的時候,直接可以 flutter build apk ,否則就執(zhí)行 flutter build apk --release 。如圖所示:
1、 cd 進(jìn)入功能(testapp) 的根目錄,如下圖所示:
2、執(zhí)行 flutter build apk 指令,如下圖所示:
我們打包成功, 生成的 apk 包在 build/app/outputs/apk/release/app-release.apk 目錄下,如下圖所示:
1、將真機(jī)通過 USB 鏈接到電腦上,如下圖所示:
2、然后,在項目的根目錄執(zhí)行 flutter install , 如果出現(xiàn)電腦同時有多個設(shè)備時,就執(zhí)行 flutter install -d deviceid 。如下圖所示:
3、設(shè)備的安裝過程如下:
1、必須一個 Xcode 開發(fā)工具
2、如果是 Window 的電腦,請安裝 Mac 虛擬系統(tǒng),進(jìn)行安裝 Xcode .
1、打開目錄下的 Runner.xcworkspace 工程。
如下圖所示:
2、在 ios 工程中配置 Signing Capabilities , 如下圖所示:
1、進(jìn)入項目的根目錄
2、打包指令 flutter build ios --release
如圖所示:
3、使用 Xcode 工具進(jìn)行打包
如圖所示:
注意:進(jìn)行該步驟,必須執(zhí)行 flutter build ios --release 否則會報錯。
打包成功,如下圖所示:
需要在命令行操作
但是我查出來的并沒有我的包名
6.成功了,現(xiàn)在在安裝APP,就ok了