All language subtitles for 2. Deploying Flutter Apps to an Android Phone

All right.
1

So now that you've built and tested the 'I Am Rich' app on a emulator or a simulator, it's time to try
2

and run it on a physical device.
3

So, if you have a physical Android device and you would like to test your app on it, then follow along
4

with this lesson.
5

And that's exactly what we're gonna do.
6

Now if you don't have an Android device, you can skip ahead to the next lesson where we show you how
7

to test your app on a physical iOS device.
8

All right.
9

So there's quite a few steps that are involved in order to successfully be able to connect our Android
10

device with the computer.
11

And I'm going to walk you through them step by step.
12

And it's really important that you do them in the order that we're showing you here.
13

So the first step is you're going to go into your phone, and you're going to enable developer mode.
14

So you're going to go into your Settings, and go on to About, and you're going to somehow locate something
15

called your Build number.
16

Now, on this HTC device that I'm showing you right here, it's under About, and then it's inside Software
17

information.
18

And then we have to go into More, in order to discover this thing called Build number.
19

Now once you've discovered Build number, then you have to start tapping on it. And you're going to get
20

a popup that tells you how many steps you are away from being a developer.
21

So keep tapping.
22

You have to tap a total of seven times before you get to join the secret club of Android developers.
23

And now when you head back to the main settings, you'll get a new secret menu appear which is Developer
24

options.
25

And here, you have to make sure that USB debugging is enabled and click OK
26

when it prompts you.
27

Now once you enable USB debugging, this will allow your phone to be able to communicate with your computer.
28

Depending on your phone make and the operating system, the version of Android that you're running,
29

you might see a different user interface.
30

So the Build number might be located, for example in this other Nexus device I've got here,
31

you'll find the build number under Settings and under System and About. And it's here where it says about
32

phone, that you can locate the Build number, which is the place that you have to tap on.
33

So you might have to hunt around a little bit for this thing called Build number.
34

But you can also have a quick google and find out for your version of your Android operating system
35

and for your phone, where you can locate this Build number.
36

And once you found it, tap it seven times to enable Developer mode, and then you'll be able to enable
37

USB debugging.
38

It's a bit of a treasure hunt if you will.
39

Now, once you've successfully enabled USB debugging, then the next thing is to connect your phone to your
40

computer with a USB.
41

And strangely, this is one of the most common downfalls for students who are trying to test their device.
42

Because, not all USB cables are equal.
43

And some USB cables will only transfer power and not data.
44

But of course, we need both power and data to be transferred.
45

So ideally try and find the original cable that came with your phone. If not, make sure you've got a proper
46

cable made by somebody decent.
47

Now, once you've connected your phone with USB, what you should see on your phone is a prompt.
48

So head over to your phone and take a look at the screen, and see if you have this popup asking you
49

whether if you want to trust this computer.
50

Now it's really important here that you check the box where it says always allow from this computer.
51

So you don't have to deal with this popup every time you want to run your app. And then go ahead and
52

click OK.
53

So now, you've trusted this computer to receive data from it into your phone
54

and we're finally ready to actually run the app from Android Studio. So here on the right, I've got my
55

physical device showing,
56

and here is my Android Studio.
57

And you can see that after completing all of those steps successfully, I can actually see my device listed
58

in this list of drop downs.
59

And it's now ready to receive my app.
60

So go ahead and make sure it's selected,
61

then click on the play button.
62

And now the app's been built, and it's now going to show the app on my HTC One physical device.
63

And there it is. Success.
64

We've managed to get our app loaded onto a physical device and showing on our phone. So if you're using
65

a Google phone such as a Nexus or a Pixel,
66

this usually is a pretty straightforward task. But if you're using a phone from a not a well-known make,
67

then we've seen students encounter a lot of problems along the way.
68

So if it is not working for you, and even after going through all those steps that I mentioned, step by
69

step, and you still don't see your phone show up right here, then head over to the court resources under
70

this module, you'll see a link to a troubleshooting document. Where we've listed some of the things that
71

could go wrong and ways of solving it.
72

But hopefully for everybody else,
73

this should now be working.
74

And if you have a computer that's maybe a little bit older and running the emulator is extremely slow,
75

then you might want to consider simply running the apps onto your physical device every time.
76

Because now your app doesn't require the computer and all it has to do is to send the package of code
77

to your phone and your phone can use its resources to render the app.
78

So that's another tip.
79

Now on the next lesson, we're going to show you how to run your app onto a physical iPhone device.
80

So if you want to be able to do that, then head over to the next lesson.
81

Otherwise, you can skip ahead and continue to build our next app.