Flutter快速實現(xiàn)蘋果賬號登錄

為了提升用戶體驗，使用三方登錄APP的功能怎么能少呢，但是蘋果的AppStore有一個很變態(tài)的要求，接入其他三方登錄的話，要求必須也要接入蘋果登錄。面對這么變態(tài)的要求，作為一個有實力的碼農怎么能拒絕呢！

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了酒泉免費建站歡迎大家使用！

下面為大家介紹一個好用的Flutter插件 Sign in With Apple ，可以幫助我們快速的接入蘋果賬號功能，插件的英文文檔講的比較詳細了，英文好的同學可以直接參閱英文文檔集成。

在項目的 pubspec.yaml 文件中添加sign_in_with_apple插件的依賴，如果您使用的Flutter SDK 1.x版本請?zhí)砑右蕾嚢姹?2.5.4 ：

如果您使用的Flutter SDK為2.x，請使用最新版本，當前最新版本 3.0.0

使用XCode打開項目后，按照以下圖片上的步驟添加 Sign in With Apple Capabilities：

成功添加 Sign in With Apple能力后，可以在下面的列表中就代表添加成功了，如下圖：

Flutter開發(fā)--如何布局？

相對于iOS開發(fā)，F(xiàn)lutter的布局更具有靈活性，每個頁面設計都不一樣，相同頁面可選擇的布局方式也不一樣，如果單純的說應該如何去布局，我覺得不現(xiàn)實，大家可以參考下 Flutter官方的布局教程 。接下來，筆者，通過項目中的一個頁面，來一步一步的拆解布局的流程。整個過程，基本上按照拆解、組件封裝、具體布局這三步來的。

根據(jù)設計圖，可以看出整體可以分成兩部分，上面一部分是系統(tǒng)介紹模塊，下面一部分是真正的登錄內容，因為涉及到疊加，因此考慮用Stack；

系統(tǒng)介紹模塊部分：整體也是涉及到疊加，考慮用Stack，分為四部分。最底部漸變色背景用一個contanier，無須指定位置，全視圖擴展；載放logo圖標在上一層，用Image。最后兩個Text同級放在最上層。Image，Text各用Positioned包裹去指定位置。

登錄內容模塊是最外層是一個Contanier容器，去控制背景色和圓角。然后是一個Column元素，逐行排列。

第一行為Image，

第二行為Text，

第三行可以看成一個小Column，分兩塊進行布局

第四行可以看成一個小Column，分兩塊進行布局

第五行可以看作一個TextButton，

第六行可以看作一個Row，分三塊進行布局

通過上面這樣一步一步的分析后，基本上對大致的布局有了一個了解，最外層的控件大致選對（只要能實現(xiàn)的話，就是復雜度以及效率的問題），然后一步一步的拆解每一行的元素，如果有重復的或者覺得可以封裝出來的部分，則進行下一步。

每一行的拆解，大致也是按照這個思路來進行，因此筆者在這里就不做講解了。

在做到第三第四行的時候，發(fā)現(xiàn)這兩個很相似，而且設計到一些交互邏輯，筆者就想對第三第四行的這種展示進行封裝，覺得今后的布局可能會用到，因此在這一步，可以先把這一塊兒抽離出一個控件。利用TextField來實現(xiàn)這種輸入操作，具體的實現(xiàn)筆者不再詳細的描述了。

經(jīng)過這一步，整體的規(guī)劃設計圖已經(jīng)有了，各個組件也都有了，接下來的工作就是組裝了。

具體布局設計到一些細節(jié)的地方，例如整體Column的居中對齊（crossAxisAlignment）、間隔（Padding或Container包裹，筆者更喜歡用SizedBox占位）、居左居右居中（Align）、點擊事件（GestureDetector）以及圓角（BorderRadius）等一些特殊情況。

像第六行row是放在底部的，就可以在第六行前面增加一個Spacer()去填充空白區(qū)域。

對文字顏色大小等，可以用TextStyle直接設置。

對于輸入框的刪除按鈕，可以用Offstage這種Flutter特有的控制顯示隱藏的控件。

flutter直播怎么實現(xiàn)？

flutter作為一個相對來說比較新興的框架，相比于其他框架來說避免不了存在生態(tài)不完善的問題。要想實現(xiàn)flutter直播，可以接入即構科技的Express Flutter SDK，然后通過集成、初始化SDK、登錄房間服務器、用戶推送自己的本地音視頻、拉取遠端的音視頻流等簡單五個步驟實現(xiàn)簡單的實時音視頻場景進行直播。

Flutter iOS 蘋果IAP(內購)實現(xiàn)步驟及問題總結(全網(wǎng)最全)

點擊 “協(xié)議、稅務和銀行業(yè)務”

內購用的是付費應用程序，先簽署《付費應用程序協(xié)議》，同意后狀態(tài)變更為“用戶信息待處理”，等待審核。

狀態(tài)更改完畢后，點擊“開始設置稅務、銀行業(yè)務和聯(lián)系信息”。

（1）添加銀行賬戶,按照要求填寫相關內容即可。

（2）選擇報稅表，并填寫。所有與 Apple 有商業(yè)合作者必選都是美國，若有其他需求，可以多選。

繼續(xù)填寫，首先認證公司基本信息，選擇所有人類型，確認無誤后認證條款處打對勾

Part I 部分，繼續(xù)核對公司相關信息，選填內容可不填。

Part III 部分，簽署稅務條約，設置利益限制條款的種類，選填內容可不填。此部分如果需要可勾選上下圖勾選框，不需要可不勾選，我們這個項目沒有用到part III 部分,所以沒有勾選。

Part XXX 部分，確認之前填寫的信息，勾選完畢后，提交

（3）填寫聯(lián)系信息，共5個。高級管理、財務、技術、法務、營銷。只需要提供5個人的基本信息即可。

只可使用一次的產品，使用之后即失效，必須再次購買。

示例： 釣魚 App 中的魚食。

只需購買一次，不會過期或隨著使用而減少的產品。

示例： 游戲 App 的賽道。

允許用戶在固定時間段內購買動態(tài)內容的產品。除非用戶選擇取消，否則此類訂閱會自動續(xù)期。

示例： 每月訂閱提供流媒體服務的 App。

允許用戶購買有時限性服務的產品。此 App 內購買項目的內容可以是靜態(tài)的。此類訂閱不會自動續(xù)期。

示例： 為期一年的已歸檔文章目錄訂閱。

App 內購買項目的截屏，即所售項目的示意圖。例如，如果 App 內購買項目是一本圖書，您可以提交圖書的截屏。您也可以提交購買頁的截屏。該截屏僅用于 Apple 審核，不會在 App Store 中顯示。

截屏要求如下：

iOS 至少需要 640 x 920 像素

Apple tvOS 需要 1920 x 1080 像素

macOS 需要 1280 x 800 像素

App 審核圖像上傳后，可以替換，但無法移除。當您的 App 內購買項目處于審核中時，您無法更新截屏。

沙箱賬號是不能直接在App Store進行登錄的，只能在點擊了購買商品之后，在彈出的登錄框進行登錄 。

驗證是否已登錄沙箱測試賬號：

設置--iTunes Store與App Store，頁面拉到最底部，會看到沙箱賬戶項會列出你已登錄的沙箱測試賬號！

操作方法一：打開App Store應用首頁滑到最下方--選中AppleID--注銷

操作方法二：設置--iTunes Store與App Store--選中AppleID--注銷

checks if the client can make payments(檢測App是否能支付)

getAvailablePurchases

Get all non-consumed purchases 獲取未消費的商品

打印信息查詢；

原因：

沒有先執(zhí)行getProducts，直接執(zhí)行requestPurchase方法,要先拉取商品列表，再執(zhí)行購買操作.

問題描述；

1.漏單必須要處理，玩家花RMB購買的東西卻丟失了，是絕對不能容忍的。所謂的漏單就是玩家已經(jīng)正常付費，卻沒有拿到該拿的道具。

解決：只要購買成功，便將購買記錄(receipt等賬單信息)保存下來，然后將賬單信息傳送給我們游戲服務器，游戲服務器獲得賬單后，和蘋果服務器驗證，賬單有效的話，回饋給游戲服務器處理，游戲服務器處理后，返回給游戲客戶端處理，處理完畢，將本地保存的購買記錄刪除。

官方文檔：向蘋果校驗支付憑證

21000 App Store無法讀取你提供的JSON數(shù)據(jù)

21002 收據(jù)數(shù)據(jù)不符合格式

21003 收據(jù)無法被驗證

21004 你提供的共享密鑰和賬戶的共享密鑰不一致

21005 收據(jù)服務器當前不可用

21006 收據(jù)是有效的，但訂閱服務已經(jīng)過期。當收到這個信息時，解碼后的收據(jù)信息也包含在返回內容中

21007 收據(jù)信息是測試用（sandbox），但卻被發(fā)送到產品環(huán)境中驗證 【請求sandbox校驗支付憑證】

21008 收據(jù)信息是產品環(huán)境中使用，但卻被發(fā)送到測試環(huán)境中驗證

消耗類型： 例如：金幣、道具等。

非續(xù)訂訂閱： non-renewable subscription 例如：VIP

您的首個 App 內購買項目必須以新的 App 版本提交。請創(chuàng)建您的 App 內購買項目，然后前往 App 的“App Store”頁，從“App 內購買項目”中進行選擇，點按“提交”。 了解更多

在上傳二進制文件并提交首個 App 內購買項目以供審核后，您可以使用下表提交其他 App 內購買項目。

唐巧-iOS應用內付費(IAP)開發(fā)步驟列表

未完~待續(xù)

當使用內購購買過商品之后沒有把這個交易關閉，所以再次去購買商品后就會調用以前已經(jīng)購買成功的交易去購買因為已經(jīng)購買過，才會有這個提示

原因：添加內購項目時，信息填寫不完整，app審核圖像未上傳

處理方法：上傳app審核圖片( 合適的尺寸 )，點擊提交，狀態(tài)改為正在準備審核中。

這個是內購選擇類型不匹配原因導致。

購買成功之后，Apple會返回以下四個數(shù)據(jù)給應用

Reference

Review the updated Paid Applications Schedule.

游客身份解決方案：即不登錄也要能購買

1）服務器端做一個蘋果審核機制，審核期間游客身份可以進行一切行為，一旦審核通過，修改服務端即可達到強制用戶登錄進行內購買的目的（這個有點。。。）

2）游客可以進行內購買，購買時以設備UUID為準，生成一個游客賬號，將購買信息保存在服務器和本地，當用戶登錄正式賬戶后判斷此設備是否進行過內購，有的話提示用戶將游客身份購買的權益與現(xiàn)有賬號綁定，如果綁定，游客權益則遷移到正式賬戶，如果不遷移，則游客身份和正是賬戶是兩個獨立賬戶，正式賬戶不享有游客身份的權益（我用的這個）

內購游客模式解決方案

iOS內購規(guī)則

Flutter了解之手勢

描述了屏幕上指針（觸摸、鼠標、觸控筆）的位置和移動。

Flutter中可以使用Listener(功能性組件)來監(jiān)聽原始觸摸事件

例1

例2

例3

忽略PointerEvent

手勢: 描述由一個或多個指針移動組成的語義動作，如拖動、縮放、雙擊等。

Material大多數(shù)widget已經(jīng)對tap或手勢做出了響應。 例如 IconButton和 FlatButton 響應單擊，ListView響應滑動事件觸發(fā)滾動。

用于手勢識別的功能性組件，通過它可以來識別各種手勢。

例（單擊）

例（添加Material觸摸水波效果 InkWell組件）

例（滑動關閉 Dismissable組件）

例（單擊、雙擊、長按）

例（滑動）

例（掃動---單一方向）

例（縮放）

GestureRecognizer是一個抽象類。

一種手勢的識別器對應一個GestureRecognizer的子類。

例

由于手勢競爭最終只有一個勝出者，所以，當有多個手勢識別器時，可能會產生沖突。

例

例

在APP中經(jīng)常會需要一個廣播機制，用以跨頁面通知。比如一個需要登錄的APP中，頁面會關注用戶登錄或注銷事件，來進行一些狀態(tài)更新。

這時候，一個事件總線便會非常有用，事件總線通常實現(xiàn)了訂閱者模式，訂閱者模式包含發(fā)布者和訂閱者兩種角色，可以通過事件總線來觸發(fā)事件和監(jiān)聽事件。

對于一些簡單的應用，事件總線是足以滿足業(yè)務需求的，如果決定使用狀態(tài)管理包的話，一定要想清楚APP是否真的有必要使用它，防止“化簡為繁”、過度設計。

例

在widget樹中，每一個節(jié)點都可以分發(fā)通知，通知會沿著當前節(jié)點向上傳遞，所有父節(jié)點都可以通過NotificationListener來監(jiān)聽通知。

Flutter中將這種由子向父的傳遞通知的機制稱為通知冒泡（Notification Bubbling）。

通知冒泡和用戶觸摸事件冒泡是相似的，但有一點不同：通知冒泡可以中止，但用戶觸摸事件不行。

通知冒泡和Web開發(fā)中瀏覽器事件冒泡原理是相似的，都是事件從出發(fā)源逐層向上傳遞，可以在上層節(jié)點任意位置來監(jiān)聽通知/事件，也可以終止冒泡過程，終止冒泡后，通知將不會再向上傳遞。

Flutter的UI框架實現(xiàn)中，除了在可滾動組件在滾動過程中會發(fā)出ScrollNotification之外，還有一些其它的通知，如SizeChangedLayoutNotification、KeepAliveNotification 、LayoutChangedNotification等，F(xiàn)lutter正是通過這種通知機制來使父元素可以在一些特定時機來做一些事情。

例

例

例

阻止冒泡

通知冒泡原理

新聞標題：flutter聚合登錄,flutter 登錄
鏈接分享：http://chinadenli.net/article27/dseihjj.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供、網(wǎng)頁設計公司、網(wǎng)站內鏈、動態(tài)網(wǎng)站、網(wǎng)站改版、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)