Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. iOS SDK
Code

Login-uri mai rapide cu parola AutoFill în iOS 11

by
Length:ShortLanguages:

Romanian (Română) translation by Andrei Mager (you can also view the original English article)

Final product image
What You'll Be Creating

AutoFill parola în iOS 11

Logarea este primul pas pe care un utilizator trebuie să ia atunci când începe cu o aplicatie care necesită un cont. Aceasta de obicei durează câteva secunde, în cazul în care utilizatorul îşi aminteşte acreditările şi este capabil să le tasteze imediat. Alţi utilizatori, în schimb, poate avea pentru a comuta la serviciul lor preferat password manager (iCloud Keychain, 1Password, LastPass, etc.) pentru a copia lor de utilizator şi parola. Inutil să spun, această interacţiune încetineşte de utilizatori, şi unele dintre ele va scădea pur şi simplu din proces.

Au existat unele încercări de a îmbunătăţi această experienţă. 1Password, de exemplu, ofera o extensie frumos care app dezvoltatorii pot profita de. O altă soluţie deja incluse în iOS deoarece WWDC 2014 este Safari comun de acreditări.

În iOS 11, deşi, Apple a introdus un mod chiar mai fără sudură pentru a simplifica procesul de logare: noua parola autocompletare API. Comparativ cu solutiile anterioare, este mai uşor pentru utilizatori de a utiliza, şi mai rapid pentru dezvoltatorii să pună în aplicare.

În acest post veţi învăţa cum să accelereze procesul de logare şi de a îmbunătăţi retenţie de utilizator cu parola AutoFill, un nou API, a introdus în iOS 11.

Introducere

Parola AutoFill permite utilizatorilor să completaţi acreditările de conectare direct în app dumneavoastră prin interactiunea cu bara de QuickType care este afişat deasupra tastaturii. Îmbunătăţirea fluxului de conectare va creşte de retenţie de utilizator, precum şi reputaţia ta app. Dupa acest tutorial, va fi capabil de a scurta durata de fluxul de conectare la doar câteva secunde.

Există două etape pentru punerea în aplicare parola AutoFill app:

  • Arată bara de QuickType cu icon-cheie şi permite utilizatorilor alege manual login corect.
  • Opţional se leagă împreună app şi site-ul dumneavoastră într-un mod securizat, astfel încât bara QuickType poate sugera corectă login pentru a utilizatorului pentru a accelera procesul chiar mai departe.

Barul QuickType

Primul pas este de a face bara de QuickType apar cu butonul de pe cheie. Dupa acest pas, utilizatorii vor putea să atingeţi-l şi selectaţi manual conectare corecte din partea operatorului de vedere prezentate. Singura proprietate necesare pentru a face QuickType bar apar este de a stabili proprietatea textContent în obiectul UITextField sau UITextView. Dacă aveţi un control particularizat care este conformă cu <UITextInput>, se va aplica acelaşi cod.</UITextInput>

Va trebui să adăugaţi această proprietate pentru câmpurile e-mail/nume de utilizator şi parola. O implementare comune ar fi următoarele:

iOS va arăta bara de QuickType pe toate dispozitivele ce ruleaza iOS 11, atunci când cel puţin o parolă este stocat în keychain. Dacă sunteţi de testare pe Simulator şi nu vedeţi bara de QuickType care apar, este cel mai probabil, deoarece keychain dumneavoastră este gol.

The QuickType bar with the simple key icon

După ce utilizatorul apasă pictograma cheie şi autentifică via Touch ID, este prezentată o listă cu toate parolele salvate. Utilizator puteţi căuta sau parcurge, şi atunci când sunt găsite acreditările dreapta, cu un singur robinet login câmpurile vor fi completate.

După cum puteţi vedea, partea cea mai lentă în acest proces este de a login corect în keychain. În secţiunea următoare vom vedea cum putem elimina acest pas şi de a îmbunătăţi experienţa chiar mai mult.

Acreditări sugestii

Puteţi spune, de asemenea, iOS site-ul cu care este asociată app dvs. Dacă keychain conţine acreditările salvate la Safari pe iOS sau macOS, aceste acreditări vor fi sugerate — eliminarea hassle de manual, caută-le în keychain.

Dacă utilizaţi deja link-uri universale, app dvs ar trebui să arate acreditări pentru site-ul tau din bara QuickType. iOS stie site-ul care este asociat cu app, e 100 % gata să sugereze acreditările.

Un alt mod de a lega puternic app şi site-ul dumneavoastră împreună, fără a fi nevoie de link-uri universale, este un serviciu web acreditările asociate domeniului.

Comuta la setările de proiect Xcode, mergeţi la fila de capabilităţi şi rândul său, pe domenii asociate. Adauga site-ul URL-ul aici. Să spunem că numele de domeniu site-ul este amazingwebsite.com: nume de domeniu enumerate ar trebui să fie webcredentials:amazingwebsite.com.

Xcode Capabilities section with Associated Domains turned on

Asta e pentru configuraţia în proiectul Xcode. iOS acum ştie app pe asociate site-ul. Ultimul pas este să încărcaţi un fişier la server, astfel încât iOS poate verifica că sunteţi proprietarul site-ul pe care încercaţi să se asocieze cu app. (aceasta este pentru a preveni fura acreditările la alte site-uri web rău intenţionat apps).

Creaţi un nou fişier text (in afara de proiectul dumneavoastra Xcode dacă preferaţi) numit apple-app-site-ul-Asociatia. Acesta este un nume standard iOS care caută pe server folosind o conexiune securizată (trebuie să aveţi SSL înfiinţat pe server-ul dvs). Continutul fisierului este de asemenea destul de standard. Doar copiaţi şi lipiţi următorul cod.

Ar trebui să schimbe şir în apps matrice pentru a echipa ID-ul (care poate fi găsit în portal dezvoltator sub secţiunea de statutul de membru), urmată de o perioadă şi identificator de pachet app. Creaţi un folder numit .bine-cunoscut în directorul rădăcină al dumneavoastră server şi încărcaţi fişierul la acesta.

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

Dacă vedeţi fişierul JSON corect, ca în imaginea de mai jos, sunteţi pregătiţi.

Site association JSON file content

Lansarea app şi observaţi că bara de QuickType sugerează acreditările de site-ul astfel încât să vă puteţi conecta cu un singur robinet.

Credentials suggestion in the QuickType bar

Dacă doriţi să aflaţi mai multe despre parola AutoFill, a verifica afară sesiune de 206 la WWDC 2017.

Concluzia

Aşa cum am văzut, implementarea parola AutoFill este foarte uşor. Tu trebiue a considera Luaţi câteva minute pentru a pune în aplicare pentru comoditatea utilizatorilor şi de afaceri. Se va accelera procesul de logare şi de a îmbunătăţi păstrarea app dvs.

Stay tuned pentru noi tutoriale acoperă noul iOS 11 API-uri, şi în acelaşi timp, a verifica afară unele dintre posturile noastre pe iOS app dezvoltare.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.