Logare mai rapidă cu completare automată a parolei în iOS 11

Ce veți crea

Completarea automată a parolei în iOS 11

Logarea este primul pas pe care un utilizator trebuie să îl ia atunci când începe cu o aplicație care necesită un cont. Aceasta durează, de obicei, câteva secunde dacă utilizatorul își amintește acreditările și le poate introduce imediat. În schimb, alți utilizatori ar putea fi nevoiți să treacă la serviciul preferat de gestionare a parolelor (iCloud Keychain, 1Password, LastPass etc.) pentru a-și copia numele de utilizator și parola. Inutil să spun că această interacțiune încetinește utilizatorii, iar unii dintre ei vor renunța pur și simplu la proces.

Au existat câteva încercări de îmbunătățire a acestei experiențe. 1Password, de exemplu, oferă o extensie plăcută pe care dezvoltatorii de aplicații le pot profita. O altă soluție deja inclusă în iOS de la WWDC 2014 este Safari Shared Credentials. 

Totuși, în iOS 11, Apple a introdus o modalitate și mai uniformă de a raționaliza procesul de autentificare: noul API pentru completarea automată a parolelor. Comparativ cu soluțiile anterioare, este mai ușor pentru utilizatori să utilizeze și mai repede pentru dezvoltatori să implementeze.

În acest post veți afla cum să accelerați procesul de conectare și să îmbunătățiți păstrarea utilizatorului cu Completare automată a parolei, un nou API introdus în iOS 11.

Introducere

Parola Completare automată permite utilizatorilor să își completeze datele de conectare direct în aplicația dvs., interacționând cu bara QuickType care este afișată deasupra tastaturii. Îmbunătățirea fluxului de conectare va crește retenția utilizatorului, precum și reputația aplicației dvs. După acest tutorial, veți putea scurta durata fluxului de conectare la câteva secunde. 

Există doi pași pentru a implementa Completarea automată a parolei în aplicația dvs.:

  • Afișați bara QuickType cu pictograma cheie și permiteți utilizatorilor să aleagă manual datele de autentificare corecte.
  • Linkați opțional aplicația și site-ul dvs. în mod sigur, astfel încât bara QuickType poate sugera autentificarea corectă a utilizatorului pentru a accelera procesul chiar mai departe.

Bara QuickType

Primul pas este să apară bara QuickType cu ajutorul butonului cu taste. După acest pas, utilizatorii vor putea să-l atingă și să selecteze manual datele de autentificare corecte de la controlerul de vizualizare prezentat. Singura proprietate necesară pentru a apărea bara QuickType este setarea textContent proprietate în UITextField sau UITextView obiect. Dacă aveți un control personalizat în conformitate cu care , se va aplica același cod.

Trebuie să adăugați această proprietate în câmpurile dvs. de e-mail / nume de utilizator și parolă. O implementare comună ar fi următoarea:

usernameTextField.textContentType =. username passwordTextField.textContentType = .password

iOS va afișa bara QuickType pe toate dispozitivele care rulează iOS 11 când cel puțin o parolă este salvată în breloc. Dacă testați simulatorul și nu apare bara QuickType, este cel mai probabil pentru că lanțul de chei este gol.

După ce utilizatorul apasă pictograma cheie și autentifică prin intermediul ID-ului tactil, este prezentată o listă cu toate parolele salvate. Utilizatorul poate căuta sau derula, iar atunci când se găsesc acreditările corecte, cu o singură atingere, câmpurile de conectare vor fi completate.

După cum puteți vedea, cea mai lentă parte din acest proces constă în identificarea corectă a login-ului în lanțul de chei. În secțiunea următoare vom vedea cum putem elimina acest pas și putem îmbunătăți experiența chiar mai mult.

Sugestii de acreditare

De asemenea, puteți spune iOS site-ul cu care este asociată aplicația dvs. Dacă brelocul de chei conține acreditări salvate de la Safari pe iOS sau macOS, acele acreditări vor fi sugerate - eliminând hassle-ul de căutare manuală a acestora în keychain.

Dacă utilizați deja legături universale, aplicația ar trebui să afișeze acreditările pentru site-ul dvs. web în bara QuickType. iOS știe care site este asociat cu aplicația dvs., deci este 100% gata să sugereze acreditări.

O altă modalitate de a vă conecta puternic aplicația și site-ul împreună, fără a avea nevoie de legături universale, este un serviciu de domeniu asociat cu acreditările web. 

Treceți la setările de proiect Xcode, mergeți la Capacități și activați Domenii asociate. Adăugați adresa URL a site-ului dvs. aici. Să presupunem că numele domeniului site-ului dvs. este amazingwebsite.com: numele de domeniu listat ar trebui să fie webcredentials: amazingwebsite.com.

Asta este pentru configurația din proiectul Xcode. iOS cunoaște acum site-ul asociat aplicației dvs. Ultimul pas este să încărcați un fișier pe serverul dvs., astfel încât iOS să poată verifica dacă dețineți site-ul pe care încercați să îl asociați cu aplicația. (Pentru a împiedica aplicațiile rău intenționate să fure acreditările de la alte site-uri web.)

Creați un nou fișier text (în afara proiectului dvs. Xcode dacă preferați) numit Apple a-app-site-ul de asociere. Acesta este un nume standard pe care iOS îl caută pe server folosind o conexiune securizată (trebuie să aveți instalat SSL pe serverul dvs.). Conținutul fișierului este, de asemenea, destul de standard. Trebuie doar să copiați și să lipiți următorul cod.

"webcredentials": "apps": ["1EMDW8DVTP.com.patrickbalestra.AutoFill"]

Ar trebui să schimbați șirul în aplicaţii array să fie ID-ul echipei (care poate fi găsit în portalul de dezvoltatori în secțiunea de membru), urmată de o perioadă și identificatorul pachetului aplicației. Creați un folder numit .bine cunoscute în directorul rădăcină al serverului dvs. și încărcați fișierul în el.

Pentru a vă asigura că totul a mers așa cum era de așteptat, verificați un browser web dacă fișierul există la adresa specificată. Aceasta este adresa mea, de exemplu: https://patrickbalestra.com/.well-known/apple-app-site-association. 

Dacă vedeți fișierul JSON corect, la fel ca în imaginea următoare, sunteți toți setați.

Lansați aplicația și observați că bara QuickType sugerează acreditările site-ului web pentru a vă putea conecta cu o singură apăsare.

Dacă doriți să aflați mai multe despre Completarea automată a parolei, consultați Sesiunea 206 la WWDC 2017.

Concluzie

După cum am văzut, implementarea parolei este foarte ușoară. Ar trebui să luați în considerare câteva minute pentru a le pune în aplicare pentru confortul utilizatorilor și al afacerii dvs. Acesta va accelera procesul de conectare și va îmbunătăți reținerea aplicației dvs..

Rămâneți la dispoziție pentru noi tutoriale care acoperă noile interfețe API iOS 11 și, între timp, verificați câteva dintre celelalte postări ale noastre privind dezvoltarea aplicațiilor iOS.

Cod