Apple登錄，指的就是通過Apple ID登錄第三方應(yīng)用與網(wǎng)站，那么它究竟是如何實(shí)現(xiàn)與設(shè)計(jì)的呢？本文將展開詳細(xì)的分析說明。

隨著當(dāng)時(shí) iOS13 的發(fā)布，蘋果亮相了一項(xiàng)新的功能，那就是「通過 Apple 登錄」（Sign in with Apple） 。

現(xiàn)在，蘋果的APP都需要在第三方登錄這里接入「 Apple 登錄」（Sign in with Apple），這篇文章給大家解析說明下蘋果登錄是什么，以及如何實(shí)現(xiàn)和設(shè)計(jì)的問題，接下來帶大家一起來看看，希望能給產(chǎn)品和設(shè)計(jì)的朋友提供參考。

本文大綱：

本文將會(huì)以下面幾點(diǎn)來讓你更加了解「Sign in with Apple」：

一、什么是「Sign in with Apple」？

二、Apple登錄操作與使用

三、如何取消「賬號(hào)授權(quán)」？

四、產(chǎn)品接入「Sign in with Apple」

五、「Sign in with Apple」按鈕設(shè)計(jì)規(guī)范

一、什么是「Sign in with Apple」？

使用「通過Apple登錄」的功能，這樣我們就可以直接通過Apple ID，去登錄第三方App或者網(wǎng)站了。

通過面部識(shí)別ID和觸控ID快速驗(yàn)證身份就好，其實(shí)就是和目前我們經(jīng)常使用的微信、微博、QQ等「快速登錄」方式類似，通過Apple ID登錄來更好地保護(hù)我們的隱私安全。

官方要求所有使用?第三方登錄?的?App，都?必須接入Sign in with Apple。

就像官方說的，使用 Apple 賬號(hào)登錄，App 只能獲得我們的郵件地址和姓名。

甚至，我們可以不讓 App 獲得我們的真實(shí)郵箱地址，而是隨機(jī)生成一個(gè)隱藏式的郵箱地址讓其登錄。

Apple 登錄的作用

1）尊重隱私

用戶保護(hù)用戶隱私的【Sign in with apple】登陸項(xiàng)，也被IOS審核納入了新的條例中。通過蘋果在發(fā)布會(huì)上的描述，使用Apple登錄可以向開發(fā)者隱藏自己的真實(shí)郵件，讓iOS生成一個(gè)偽造的隨機(jī)電子郵件地址，防止收到垃圾郵件。開發(fā)者的郵件通知會(huì)通過蘋果隨機(jī)提供的郵件地址轉(zhuǎn)發(fā)到你的郵件地址。

2）內(nèi)置安全性

可以驗(yàn)證身份的安全性，在蘋果設(shè)備上能夠提供雙重保障，對(duì)用戶來說蘋果的安全性是值得信賴的。

3）處處可用

連接各種登錄客戶端口，如常用的手機(jī)App端、網(wǎng)頁web端，還有watch OS等。

4）反欺詐

可以通過“Apple 登錄“讓你知道對(duì)方賬戶是真人還是需要檢查的賬戶，這是一種設(shè)備端的機(jī)器學(xué)習(xí)功能。

二、Apple 登錄操作與使用

登錄演示：

1. App端-蘋果登錄

在使用「訊飛輸入法」時(shí)，登錄的時(shí)候發(fā)現(xiàn)可以選擇第三方的蘋果方式登錄了。

選擇「Apple」后，會(huì)彈出一個(gè)類似在 App Store 中下載應(yīng)用的提示框。

重要的是名稱是可以自己編輯的，編輯完成后，點(diǎn)擊「繼續(xù)」進(jìn)入下一步。

之后，它會(huì)要求用戶進(jìn)行 Face ID/Touch ID 驗(yàn)證。驗(yàn)證成功之后就可以登錄了。

在App Store應(yīng)用商店的軟件更新里，可以發(fā)現(xiàn)有部分應(yīng)用已經(jīng)在近期支持了Apple ID這種登錄方式，

我其中的產(chǎn)品包括訊飛輸入法、滴滴、喜馬拉雅、懶飯等。

2. Web端-蘋果登錄

選擇「蘋果登錄」后，直接跳轉(zhuǎn)https://appleid.apple.com去輸入你的「Apple ID」，之后驗(yàn)證無誤即可登錄。

使用中產(chǎn)品包括堅(jiān)果云、有道云筆記等。

實(shí)際案例：訊飛輸入法、有道云筆記、、喜馬拉雅、老司機(jī)、有道云、懶飯。

三、如何取消賬號(hào)授權(quán)？

當(dāng)我們授權(quán)給了這些APP之后，怎么管理和取消這些授權(quán)呢？如果你擔(dān)心賬戶的安全問題或者不想要登錄某些應(yīng)用了，那要取消操作也是非常簡(jiǎn)單的。

第一步：點(diǎn)擊手機(jī)中的「設(shè)置」，點(diǎn)擊你的「Apple賬戶」，然后接著點(diǎn)擊進(jìn)入「密碼與安全性」。

將會(huì)看到一個(gè)選項(xiàng)，叫「使用您的 Apple ID 的 App」，點(diǎn)擊進(jìn)入，將會(huì)看到已經(jīng)授權(quán)登錄的APP應(yīng)用列表們。（比如這里有個(gè)「抖音短視頻」）

選擇你想要取消授權(quán)的APP應(yīng)用，如點(diǎn)擊這個(gè)應(yīng)用，會(huì)進(jìn)入到詳情頁面，可以看到有「停止使用 Apple ID」的按鈕，點(diǎn)擊即可取消授權(quán)。

四、產(chǎn)品接入「Sign in with Apple」

接入「Sign in with Apple」雖然在iOS的新規(guī)中是要求所有使用第三方登錄的應(yīng)用，都要遵守，但是符合以下條件的 App，可以不接入：

1. 使用自建賬戶和登錄系統(tǒng)；
2. 要求用戶使用現(xiàn)有的教育或企業(yè)賬戶登錄的教育、企業(yè)或商業(yè)類應(yīng)用；
3. 使用政府或行業(yè)支持的公民身份識(shí)別系統(tǒng)或電子 ID 來驗(yàn)證用戶；
4. 應(yīng)用特定于第三方服務(wù)，用戶需要使用郵箱、社交媒體或其它第三方賬戶才能訪問其內(nèi)容的應(yīng)用。

現(xiàn)在對(duì)于新上架的應(yīng)用，支持第三方登錄方式的都基本要接入，不接入的話是會(huì)蘋果所被拒絕的。

在產(chǎn)品設(shè)計(jì)項(xiàng)目里，想要接入這個(gè)功能，需要有「入口」——「授權(quán)請(qǐng)求」——「驗(yàn)證」——「驗(yàn)證結(jié)果」——「處理變更」五個(gè)流程步驟。

接入這個(gè)功能要考慮的跟用戶端操作需求是匹配的，首先新增入口，用戶點(diǎn)擊反饋授權(quán)請(qǐng)求，進(jìn)行驗(yàn)證用戶數(shù)據(jù)，回調(diào)代理，發(fā)送驗(yàn)證，服務(wù)端會(huì)返回驗(yàn)證的結(jié)果，最終成功登錄（或者失敗處理）。

授權(quán)的操作過程有兩步：

1. Apple ID授權(quán)；
2. 蘋果的雙重驗(yàn)證。

回調(diào)數(shù)據(jù)分為：

• User?ID——蘋果用戶唯一標(biāo)識(shí)
• 驗(yàn)證數(shù)據(jù)：?Identity?token,?code驗(yàn)證數(shù)據(jù)
• 蘋果用戶基礎(chǔ)信息返回
• Real?user?indicator用于判斷當(dāng)前登錄的蘋果賬號(hào)是否是一個(gè)真實(shí)用戶，取值有：unsupported、unknown、likelyReal

如果想要了解其他第三方登錄方式的接入問題可以自行搜索，以上為參考方法。

五、「Sign in with Apple」按鈕設(shè)計(jì)規(guī)范

在蘋果官方描述里就有詳細(xì)的「Sign in with Apple」按鈕規(guī)范，這里簡(jiǎn)單來說說設(shè)計(jì)需要避開的坑和注意的事項(xiàng)。

1. 按鈕的提示語

按鈕的提示語需要注意的是Apple官方有提供以下三種，需要在其中選擇最適合你產(chǎn)品體驗(yàn)的術(shù)語，并且在其他界面中統(tǒng)一使用：

WatchOS上系統(tǒng)提供了一個(gè)標(biāo)題是：「登錄」

2. 按鈕的樣式

根據(jù)平臺(tái)的不同，系統(tǒng)提供最多3個(gè)選項(xiàng)來顯示“Sign in with Apple”按鈕：分別是白色，帶輪廓的白色和黑色按鈕。

白色：（建議在足夠?qū)Ρ榷鹊谋尘盎蛘卟噬瞪尘跋率褂茫?/p>

帶輪廓的白色：（可適用在白色或者淺色背景下，避免在深色背景使用）。

黑色：（建議在白色或淺色背景下使用，請(qǐng)勿在黑色深色背景下使用）

3. 按鈕樣式

創(chuàng)建自定義登錄的時(shí)候，需要顯示左對(duì)齊的Apple圖標(biāo)，或者僅顯示Apple的標(biāo)識(shí)的登錄按鈕。

Apple圖標(biāo)傳送門：https://developer.apple.com/design/resources/

使用系統(tǒng)標(biāo)題：「Sign in with Apple」, 「Sign up with Apple」, 或 「Continue with Apple」。

保留標(biāo)題的大寫樣式：按鈕標(biāo)題的所有變體都將第一個(gè)單詞大寫（即Sign或Continue）和Apple；所有其他字母均為小寫。例如，不要通過大寫標(biāo)題中的每個(gè)字母來更改此樣式。

使標(biāo)題和徽標(biāo)在按鈕內(nèi)垂直對(duì)齊：為此，將標(biāo)題垂直對(duì)齊按鈕的中間，然后添加徽標(biāo)圖像，確保其高度與按鈕的高度匹配。由于徽標(biāo)圖像包括頂部和底部填充，因此在按鈕中垂直對(duì)齊標(biāo)題可確保標(biāo)題，徽標(biāo)和按鈕保持正確對(duì)齊。

4. 蘋果登錄需要注意的點(diǎn)

• 按鈕規(guī)范問題
• 標(biāo)識(shí)使用問題

按鈕規(guī)范問題：

（1）最小邊距規(guī)范

在iOS，macOS和Web頁面中，保持最小按鈕尺寸和按鈕周圍的邊距，下面數(shù)值可以參考：

如下圖所示：

（2）按鈕尺寸和圓角角半徑3種方式

標(biāo)識(shí)使用問題：

• 切勿單獨(dú)使用Apple圖標(biāo)作為按鈕。
• 使Apple圖標(biāo)文件的高度與按鈕的高度匹配。
• 不要裁剪圖標(biāo)文件。
• 不要添加漸變填充。
• 不要在圖標(biāo)文件中使用自定義顏色。

總結(jié)

如果你已經(jīng)注冊(cè)過的應(yīng)用支持了Apple登錄，也只需要在應(yīng)用的賬號(hào)設(shè)置綁定Apple ID就可以使用Apple登錄了。

不過就目前發(fā)現(xiàn)的應(yīng)用來看，支持Apple登錄還是很少的，希望開發(fā)者們可以盡快的更新這個(gè)功能。在國內(nèi)幾乎都是「微信」「QQ」「微博」等快捷登錄為主，現(xiàn)在注冊(cè)登錄更多綁定了手機(jī)號(hào)登錄，那么「Sign in with Apple」的加入，能夠?yàn)锳pp登錄帶來多少?zèng)_擊呢，能否在第三方登錄方式占據(jù)一席之地，你會(huì)怎么看？

以上是個(gè)人的學(xué)習(xí)、理解與解析，歡迎有不同想法和補(bǔ)充。

相關(guān)鏈接：https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/introduction/

#專欄作家#

JaylonG（微信號(hào)JJ865477301），人人都是產(chǎn)品經(jīng)理專欄作家。一枚擅長用產(chǎn)品思維看問題，用邏輯思維做分析，用情感體驗(yàn)做設(shè)計(jì)的產(chǎn)品愛好者。愛好廣泛，歡迎交流，拒絕水友。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash ，基于 CC0 協(xié)議