Introducing Password AutoFill for Apps

Transcription

1 Session App Frameworks #WWDC17 Introducing Password AutoFill for Apps Reducing friction for your users 206 Ricky Mondello, ios Engineer 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

2 Logging in to apps is hard.

3 In ios 11, Password AutoFill can help.

4

5

6

7

8

9

10

11 Demo Password AutoFill

12

13

14

15 Make the QuickType bar appear Ensure credentials are filled properly Make QuickType show the right credentials Authenticating against a third-party service

16 Make the QuickType Bar Appear As easy as setting a property

17 Make the QuickType Bar Appear

18 Make the QuickType Bar Appear Requires that you have saved passwords

19 Make the QuickType Bar Appear Requires that you have saved passwords UITextField and UITextView are eligible

20 Make the QuickType Bar Appear Requires that you have saved passwords UITextField and UITextView are eligible Fields conforming to <UITextInput> are also eligible

21 Make the QuickType Bar Appear Requires that you have saved passwords UITextField and UITextView are eligible Fields conforming to <UITextInput> are also eligible ios uses heuristics to determine which fields show the bar

22 Make the QuickType Bar Appear Requires that you have saved passwords UITextField and UITextView are eligible Fields conforming to <UITextInput> are also eligible ios uses heuristics to determine which fields show the bar You can tell ios to make the bar appear

23 // UITextInputTraits Protocol // Indicates the semantic meaning of a text-entry area optional var textcontenttype: UITextContentType! { get set }

24 // UITextInputTraits Protocol // Indicates the semantic meaning of a text-entry area optional var textcontenttype: UITextContentType! { get set }.name.nameprefix.givenname.middlename.familyname.namesuffix.nickname.jobtitle.organizationname.typelocation.fullstreetaddress.streetaddressline1.streetaddressline2.addresscity.addressstate.addresscityandstate.sublocality.countryname.postalcode.telephonenumber. address.url.creditcardnumber

25 // UITextInputTraits Protocol // Indicates the semantic meaning of a text-entry area optional var textcontenttype: UITextContentType! { get set } NEW.name.namePrefix.givenName.middleName.familyName.nameSuffix.nickname.jobTitle.organizationName.typeLocation.fullStreetAddress.streetAddressLine1.streetAddressLine2.addressCity.addressState.addressCityAndState.sublocality.countryName.postalCode.telephoneNumber. Address.URL.creditCardNumber.username.password

26 Make the QuickType Bar Appear Use UITextContentType

27 Make the QuickType Bar Appear Use UITextContentType Deploy content types to guarantee AutoFill is available

28 Make the QuickType Bar Appear Use UITextContentType Deploy content types to guarantee AutoFill is available Can set in code or through Interface Builder

29 Make the QuickType Bar Appear Use UITextContentType Deploy content types to guarantee AutoFill is available Can set in code or through Interface Builder UITextContentType.username enables AutoFill for two-screen login

30 Make the QuickType Bar Appear Use UITextContentType Deploy content types to guarantee AutoFill is available Can set in code or through Interface Builder UITextContentType.username enables AutoFill for two-screen login You can combine UITextContentType.username and UIKeyboardType. Address

31 Make the QuickType Bar Appear Use UITextContentType Deploy content types to guarantee AutoFill is available Can set in code or through Interface Builder UITextContentType.username enables AutoFill for two-screen login You can combine UITextContentType.username and UIKeyboardType. Address UITextContentType.password enables AutoFill for revealed passwords

32

33

34

35

36 Ensure Credentials are Filled Properly Validating UI and logging in

37 Ensure Information Is Filled Properly What to know

38 Ensure Information Is Filled Properly What to know ios fills both the user name and password fields

39 Ensure Information Is Filled Properly What to know ios fills both the user name and password fields Even if your app prevents changing the first responder

40 Ensure Information Is Filled Properly What to know ios fills both the user name and password fields Even if your app prevents changing the first responder Touch ID will make your app become inactive

41 Ensure Information Is Filled Properly Best practices Don t tear down login UI when becoming inactive

42 Ensure Information Is Filled Properly Best practices Don t tear down login UI when becoming inactive Use did change delegate methods or notifications to validate UI

43 Ensure Information Is Filled Properly Best practices Don t tear down login UI when becoming inactive Use did change delegate methods or notifications to validate UI UITextFieldTextDidChange: NSNotification.Name UITextViewTextDidChange: NSNotification.Name protocol UITextViewDelegate { optional public func textviewdidchange( ) } protocol UITextInputDelegate { public func textdidchange( ) }

44 Ensure Information Is Filled Properly Best practices Don t tear down login UI when becoming inactive Use did change delegate methods or notifications to validate UI UITextFieldTextDidChange: NSNotification.Name UITextViewTextDidChange: NSNotification.Name protocol UITextViewDelegate { optional public func textviewdidchange( ) } protocol UITextInputDelegate { public func textdidchange( ) } Read information from your text field s text property

45 Make QuickType Show the Right Credentials Associating your app and website

46

47

48 Associating Your App and Website ios

49 Associating Your App and Website ios example.com

50 Associating Your App and Website ios

51 Associating Your App and Website ios

52 Associating Your App and Website ios { } JSON

53 Associating Your App and Website ios { } JSON

54 Demo Integrating with Password AutoFill Maureen Daum, ios Engineer

55

56

57

58

59

60

61

62

63

64

65 Associated Domains File Where to serve the file

66 Debugging Associated Domains swcd Console output when running your app swcd Request for ' apple-app-site-association' denied: 404/0x194 Not Found

67 Debugging Associated Domains swcd Console output when running your app swcd Request for ' apple-app-site-association' denied: 404/0x194 Not Found swcd Updated app ID 'E5336VM85F.ios.Shiny', domain 'shiny.example.com', flags 0x0 < > -> 0x2 < SiteApproved > on check

68

69 Viewing, Changing, and Adding Saved Passwords

70

71 NEW

72

73

74

75 Authenticating Against a Third-Party Service Use Safari View Controller

76

77 What s New in Safari View Controller Executive Ballroom Thursday 10:00AM Introducing Safari View Controller WWDC 2015

78 Summary

79 Summary Friction when logging in can lead users to abandon your app

80 Summary Friction when logging in can lead users to abandon your app Password AutoFill uses heuristics to work automatically in some apps

81 Summary Friction when logging in can lead users to abandon your app Password AutoFill uses heuristics to work automatically in some apps You can guarantee that it works by

82 Summary Friction when logging in can lead users to abandon your app Password AutoFill uses heuristics to work automatically in some apps You can guarantee that it works by Testing your app

83 Summary Friction when logging in can lead users to abandon your app Password AutoFill uses heuristics to work automatically in some apps You can guarantee that it works by Testing your app Adopting UITextContentType.username and UITextContentType.password

84 Summary Friction when logging in can lead users to abandon your app Password AutoFill uses heuristics to work automatically in some apps You can guarantee that it works by Testing your app Adopting UITextContentType.username and UITextContentType.password Adopting the webcredentials Associated Domains service

85 More Information

86 Related Sessions What s New in Safari View Controller Executive Ballroom Thursday 10:00AM The Keys to a Better Text Input Experience Grand Ballroom B Friday 11:00AM Introducing Safari View Controller WWDC 2015

87 Labs Safari, WebKit, and Password AutoFill Lab Technology Lab D Wed 10:00AM 12:00PM Safari, WebKit, and Password AutoFill Lab Technology Lab B Wed 5:10PM 6:10PM Safari, WebKit, and Password AutoFill Lab Technology Lab K Thurs 11:00AM 1:00PM

88