DROIDS ON FIRE. Adrián

Transcription

1 DROIDS ON FIRE Adrián

2 ige2vk

3

4

5

6

7

8 Developer experience matters

9 Cross-platform

10 Integrated

11 Getting Started with Firebase

12

13

14

15

16

17

18

19

20

21 /ykro/wikitaco

22 public void oncreate() { super.oncreate(); firebaseauth = FirebaseAuth.getInstance(); FirebaseDatabase db = FirebaseDatabase.getInstance(); FirebaseStorage storage = FirebaseStorage.getInstance(); firebaseanalytics = FirebaseAnalytics.getInstance(this); //db & storage references firebasedatabsereference = db.getreference(); firebasestoragereference = storage.getreference(); //notifications FirebaseMessaging.getInstance().subscribeToTopic(NEW_TACOS_TOPIC);... }

23 public void oncreate() {... //remote config firebaseremoteconfig = FirebaseRemoteConfig.getInstance(); //enable developer mode for frequent refreshes FirebaseRemoteConfigSettings configsettings = new FirebaseRemoteConfigSettings.Builder().setDeveloperModeEnabled(BuildConfig.DEBUG).build(); firebaseremoteconfig.setconfigsettings(configsettings); firebaseremoteconfig.setdefaults(r.xml.remote_config_defaults); }

24 STEP 1 LET S START WITH SOME AUTH

25 Authentication & account management Supports: & password Google, Facebook, Twitter, and GitHub sign-in Existing auth systems Out-of-the box UI

26

27

28

29

30 ENTER FIREBASE UI

31

32 LoginActivity.java private FirebaseAuth auth; private void dologin() { FirebaseUser currentuser = auth.getcurrentuser(); if (currentuser!= null) { Intent i = new Intent(this, MainActivity.class); i.addflags(intent.flag_activity_clear_top Intent.FLAG_ACTIVITY_NEW_TASK Intent.FLAG_ACTIVITY_CLEAR_TASK); startactivity(i); } else {... }

33 LoginActivity.java private void dologin() {... if (currentuser!= null) {... } else { startactivityforresult( AuthUI.getInstance().createSignInIntentBuilder().setProviders(Arrays.asList( new AuthUI.IdpConfig.Builder(AuthUI. _PROVIDER).build(), new AuthUI.IdpConfig.Builder(AuthUI.GOOGLE_PROVIDER).build(), new AuthUI.IdpConfig.Builder(AuthUI.FACEBOOK_PROVIDER).build(), new AuthUI.IdpConfig.Builder(AuthUI.TWITTER_PROVIDER).build())).setIsSmartLockEnabled(false).build(), RC_SIGN_IN); } }

34 public void onactivityresult(int requestcode, int resultcode, Intent data) { super.onactivityresult(requestcode, resultcode, data); if (requestcode == RC_SIGN_IN) { if (resultcode == ResultCodes.OK) { dologin(); } } }

35 WITHOUT FIREBASE UI

36

37 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_login); auth = ((Aplicacion)getApplicationContext()).getAuth(); authlistener = new FirebaseAuth.AuthStateListener() public void onauthstatechanged(@nonnull FirebaseAuth firebaseauth) { hideprogress(); dologin(); } };... dologin(); }

38 public void onstart() { super.onstart(); auth.addauthstatelistener(authlistener); public void onstop() { super.onstop(); if (authlistener!= null) { auth.removeauthstatelistener(authlistener); } }

39 LoginActivity.java public void signin(view v){ String = input .gettext().tostring(); String password = inputpassword.gettext().tostring(); showprogress(); auth.signinwith andpassword( , password).addoncompletelistener(this, new OnCompleteListener<AuthResult>() public void oncomplete(@nonnull Task<AuthResult> task) { if (!task.issuccessful()) { hideprogress(); showsnackbar(task.getexception().getlocalizedmessage()); } } }); }

40 STEP 2 TACOSDB.SAVE( )

41 Cloud-hosted NoSQL database Synchronization & conflict resolution Access directly from your app

42

43

44

45 // Root // { // "message" : "Hello, World!", // "words" : { // "-KKGDzmrcC8o5EunCptc" : "test!", // "-KKGEIIqvk-R0yitCXIc" : "another item" } }

46

47

48 Taco.java public class Taco { private String name; private String description; private boolean isfavorite; /* getters & setters */ }

49 TacoRecyclerAdapter.java public class TacoRecyclerAdapter extends FirebaseRecyclerAdapter<Taco,TacoRecyclerAdapter.TacoViewHolder> { private Context context; private final static int layoutid = R.layout.item_taco; public TacoRecyclerAdapter(Context context, DatabaseReference databasereference) { super(taco.class, layoutid, TacoViewHolder.class, databasereference); this.context = context; }... }

50 protected void populateviewholder(tacoviewholder viewholder, Taco model, int position) { viewholder.tvtaconame.settext(model.getname());... }

51 WITHOUT FIREBASE UI

52 TacoRecyclerAdapter.java private ArrayList<String> keys; private ArrayList<DataSnapshot> items; protected DatabaseReference databasereference; public TacoRecyclerAdapter(Context context, DatabaseReference ref) {... ref.addchildeventlistener(this); } public void destroy() { booksreference.removeeventlistener(this); }

53 TacoRecyclerAdapter.java private ArrayList<String> keys; private ArrayList<DataSnapshot> items; protected DatabaseReference databasereference; public TacoRecyclerAdapter(Context context, DatabaseReference ref) {... ref.addchildeventlistener(this); } public void destroy() { booksreference.removeeventlistener(this); }

54 TacoRecyclerAdapter.java private ArrayList<String> keys; private ArrayList<DataSnapshot> items; protected DatabaseReference databasereference; public TacoRecyclerAdapter(Context context, DatabaseReference ref) {... ref.addchildeventlistener(this); } public void destroy() { booksreference.removeeventlistener(this); }

55 public void onchildadded(datasnapshot datasnapshot, String s) { items.add(datasnapshot); keys.add(datasnapshot.getkey()); notifyiteminserted(getitemcount()-1); }

56 public void onchildchanged(datasnapshot datasnapshot, String s) { String key = datasnapshot.getkey(); if (keys.contains(key)) { int index = keys.indexof(key); items.set(index, datasnapshot); notifyitemchanged(index, datasnapshot.getvalue(taco.class)); } }

57

58 STEP 3 TACOS AND NO PICTURES, HUH?

59 Easy file storage Handles poor connectivity Backed by & accessible from Google Cloud Storage

60 Static, "read-only" data Website assets Images / audio downloaded from your app Read-write blobs of data User-generated content App-generated content

61

62 protected void populateviewholder(tacoviewholder viewholder, Taco model, int position) {... StorageReference storagereference = ((App)context.getApplicationContext()).getTacoStorageReference( getref(position).getkey()); Glide.with(context).using(new FirebaseImageLoader()).load(storageReference).centerCrop().crossFade().into(viewHolder.ivTacoImg); }

63 WITHOUT FIREBASE UI

64 TacoRecyclerAdapter.java storageref.child(downloadpath).getstream( new StreamDownloadTask.StreamProcessor() public void doinbackground(streamdownloadtask.tasksnapshot tasksnapshot, InputStream inputstream) throws IOException {... } }).addonsuccesslistener(new OnSuccessListener<StreamDownloadTask.TaskSnapshot>() public void onsuccess(streamdownloadtask.tasksnapshot tasksnapshot) {... } }) });

65 STEP 4 MOAR INGREDIENTS & NO DEPLOY

66 Modify without Server-side variables deploying text Easily tune & experiment text Modify without Customize fordeploying Audiences text Integrated with Analytics

67

68

69

70 TacoRecyclerAdapter.java firebaseremoteconfig.fetch(cacheexpiration).addoncompletelistener(new OnCompleteListener<Void>() public void oncomplete(@nonnull Task<Void> task) { if (task.issuccessful()) { firebaseremoteconfig.activatefetched(); favoritesenabled = firebaseremoteconfig.getboolean("favorites_enabled"); String tacolistexperiment = firebaseremoteconfig.getstring("taco_list_columns_experiment"); firebaseanalytics.setuserproperty("taco_list_columns",tacolistexperiment);... } } });

71 STEP 5 SPREAD THE WORD

72 No Cost cross-platform messaging solution Notifications to drive user interaction Versatile Messaging Targeting

73 Simple UI, with no coding Built on Cloud Messaging Audience targeting Conversion funnel insights

74

75

76

77 AndroidManifest.xml <application... > <service android:name=".notificationservice.messagingservicehandler"> <intent-filter> <action android:name="com.google.firebase.messaging_event"/> </intent-filter> </service> <meta-data android:name="com.google.firebase.messaging.default_notification_icon" /> <meta-data android:name="com.google.firebase.messaging.default_notification_color" /> </application>

78 MessagingServiceHandler.java public class MessagingServiceHandler extends FirebaseMessagingService public void onmessagereceived(remotemessage remotemessage) { super.onmessagereceived(remotemessage); if (remotemessage.getnotification()!= null) { sendnotification(remotemessage.getnotification().getbody()); } } }

79 MessagingServiceHandler.java private void sendnotification(string messagebody) { Intent intent = new Intent(this, TacosListActivity.class); intent.addflags(intent.flag_activity_clear_top); PendingIntent pendingintent = PendingIntent.getActivity(this, 0, intent, PendingIntent.FLAG_ONE_SHOT); Uri defaultsounduri= RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION); NotificationCompat.Builder notificationbuilder = new NotificationCompat.Builder(this).setContentTitle("Wiki Taco").setContentText(messageBody).setAutoCancel(true).setSound(defaultSoundUri).setContentIntent(pendingIntent); NotificationManager notificationmanager = (NotificationManager) getsystemservice(context.notification_service); notificationmanager.notify(0, notificationbuilder.build()); }

80 STEP 6 SLICE, ANALYZE & IMPROVE

81 Designed for apps Event and user centric Connects across Firebase Free & unlimited

82

83

84

85

86

87

88

89 App.java String tacolistcolumnsexperiment = firebaseremoteconfig.getstring("taco_list_columns_experiment"); int tacolistcolumns = 1; if (tacolistcolumnsexperiment.equals(taco_list_experiment_variant_a)) { tacolistcolumns = 2; } else if (tacolistcolumnsexperiment.equals(taco_list_experiment_variant_b)) { tacolistcolumns = 3; } gridlayoutmanager.setspancount(tacolistcolumns); //analytics binding for a/b test firebaseanalytics.setuserproperty("taco_list_columns",tacolistcolumnsexperiment);

90 App.java String tacolistcolumnsexperiment = firebaseremoteconfig.getstring("taco_list_columns_experiment"); int tacolistcolumns = 1; if (tacolistcolumnsexperiment.equals(taco_list_experiment_variant_a)) { tacolistcolumns = 2; } else if (tacolistcolumnsexperiment.equals(taco_list_experiment_variant_b)) { tacolistcolumns = 3; } gridlayoutmanager.setspancount(tacolistcolumns); //analytics binding for a/b test firebaseanalytics.setuserproperty("taco_list_columns",tacolistcolumnsexperiment);

91 protected void oncreate(bundle savedinstancestate) {... Bundle bundle = new Bundle(); bundle.putstring(firebaseanalytics.param.item_id, id); bundle.putstring(firebaseanalytics.param.item_name, name); app.logevent(firebaseanalytics.event.view_item, bundle); }

92 STEP 7 TIME TO TASTE TEST IT

93 Test on the most popular devices before you ship Reports & screenshots Robo & custom tests

94

95

96

97

98

99 STEP 8 TOO SPICY?

100 See crashes & impact Version & OS drill-down Integrated with Analytics

101

102

103 protected void oncreate(bundle savedinstancestate) { String description = intent.getstringextra(taco_description_key); if (description == null) { description = ""; FirebaseCrash.log("No description available for " + id); } TextView txtdescription = (TextView) findviewbyid(r.id.txtdescription); txtdescription.settext(description); }

104

105

106 /ykro/wikitaco

107 ige2vk

108

109 DROIDS ON FIRE Adrián