Placeholder Image

字幕列表 影片播放

  • Yeah, Theo, that was Yeah.

  • We put him back on music in the pokey Do.

  • Except that I'll be showing you guys today.

  • Finally finish it up, though.

  • Good grief.

  • That's lab.

  • Turn down the volume on my computer.

  • But what's up, guys?

  • For us?

  • Not here.

  • You're watching Idol Journey episode in 19.

  • Now, if you just came for the firebase in geo fire tutorial which, by the way, is gonna be, like at least a two part tutorial where we create a pokey finder slash pokey radar app where in this tutorial we're going to kind of go over the map aspect of things and then setting up firebase and geo fire.

  • And then in the future, videos of Idol journey, we're gonna finish the app, you know, step by step.

  • But if you just came for the editorial, Yeah, putting time stamp either in description or in one of a comment down in the common section.

  • So check that out if you just want the tutorial.

  • But if you want to stay before we get to that, I'm going to.

  • So you talk about where I am in my eyes development journey, as well as go over the pokey Dex app for the record that that firebase in jail fire app is pokey finder app.

  • So this was kind of like a prerequisite is making that the pokey Dex app Just Pokemon, That's why.

  • But as for the update, I am currently, of course, working on the fire racing Geo fire, pokey finder app and I've gotten down.

  • The maps have gotten down.

  • Everything that I go over later in this course or just the maps Firebase set up Geo fire.

  • What not finished the Pokey Dex app.

  • And there's a slight announcement.

  • You know, I said, I'm gonna build my social network out.

  • My brother just called me this morning and he proposed an idea of a different app that no understand, like better.

  • And he's actually going to be building a full on business plan and writing down a whole lot of things of what he wants in the app and just planning out basically everything to dish off to me so I can create it.

  • And he already basically runs a business right now.

  • So I don't know if I if I want to fulfill the other social networking app I told you about Or if I'm going to go with this one or from just gonna create the other ones, it's just I need a side before, like the next week or two, because that's when I'm going to start the fire based social network app anyway.

  • So it's a lot to think about it.

  • It's just there's nothing set in stone.

  • I may still go with the other one, like I said, but I just figured I'd document this and just let you guys know that there's some thoughts going round my head with what I want to do with, uh, my first relapse.

  • So yeah, big news, big.

  • Let's go ahead and check out this poky Dex app that I turned the volume down on so you won't be blasted.

  • But I'll show you the value.

  • Don't worry.

  • So let me, uh, let me set this up and let's move on over to the computer.

  • All right, guys.

  • So here we are, as you can see, what the pocket is that we have model of you controller.

  • Similar to last time.

  • You have resource is utilities and whatnot.

  • But all of this code is on.

  • Get hub and you'll notice as mentioned in last video that, uh, maybe I didn't have so much in that Put him on Swift.

  • But you'll notice that I put a lot of comments in there because as I would like to repeat this because it's pretty important, I write the code and that helps me learn.

  • And then right after I write that little bit of code I write in outlets.

  • Well, that's not really that much of a description.

  • So let's come over to V.

  • C.

  • So this it sets a number of items in the section, although this is pretty self explanatory because down here it says number of items in section.

  • If I write it once in code, right it twice or do the second time in English and then afterwards I kind of talk about it with you guys.

  • It helps me remember a whole lot more.

  • So it's just something that I may implement in like a real world up, who knows?

  • But it helps me learn as of right now, so I'm gonna stick with it, and it's not like it hurts any code.

  • It's just a comment, but let's go on to the simulator.

  • Uh, here it is And here's the Pokey Necks simulator.

  • Let me see if I could make this window a little bit bigger.

  • There we go.

  • So here's a Pokey Dex simulator and all right, let me turn this all the way up just so you guys could hear it on their uh, all right, enough of that.

  • All right, I like Put him on.

  • What can I say?

  • But as you can see as last time, we have search the search bar up here.

  • And just like last week, everything's still the same.

  • If I back space, the keyboard's his peers.

  • If I search, the keyboard disappears.

  • And, of course, if I type and Jay anything he put him on with the letter J in it will come up.

  • But I still haven't figured out.

  • I don't know if it's just a simulated thing, or if there's another way to do it the way I I already explained that less video.

  • But when I hit X, the keyboard doesn't disappear.

  • That's my main problem.

  • So if you can help with, that would be great.

  • I went over it last week, so I'm not gonna go over it again.

  • But the main difference between this app and last week's app is instead of when we hit this, it just shows like puppets.

  • Or or if we had this situation charge hard, all it would do is just show the name of the Pokemon.

  • And that was like the first step to make sure Segway works.

  • The VC is good to go and connecting What not?

  • But this week the final application will Final Four this learning purposes.

  • Let me Don't let me tap on charm 1,000,000.

  • So we have bio and moves and I said, it's done for learning purposes because we didn't implement moves because that would have been the same exact thing is we're doing on this side.

  • We're just be learning it again.

  • But we've already done it multiple times, meaning we use Ah pokey a p I and we implemented earn our assets, images and whatnot.

  • But for the pokey AP, I had the type of each Pokemon, the name of each Pokemon, the defense, height, weight, I D based attack and its evolution process and levels and all that good stuff what we did for each thing.

  • So for tight, for wait for height for defense, we looked into the J A p I.

  • The Jason data comforted that Jason Data using a Jason converter just so we could read it easier and using their types like their value names and whatnot in their types of values.

  • So, like energy or string or whatever, Maybe we imported were able to take that whenever we whenever we click on charm 1,000,000 take char millions information like fire wait and all that good stuff and put it into this view controller into this you I But as you can see, here is our main story board instead of having so we had this VC last time instead of just having a simple officer labeled down here with a blue background, we have the same bar up here, basically.

  • So it's a clean transition from one to the other when in the actual app.

  • And then we implemented this bio moves as you saw moves.

  • We don't we didn't do anything with that Or else I think if we were to do that, we would created another VC.

  • Maybe.

  • I don't know.

  • Don't don't quote me on that, but I'm still learning.

  • So you ii image view, we implement it that we implement three of those, actually, because this is the ivy sore, for example.

  • And this would be an ivy storing this would be a Venus or and then, of course, we have the type just like you also.

  • And then also you see how this is a box right here.

  • This is where the description is supposed to be right now.

  • See, I have two spaces in there, just like everything else.

  • I don't understand why it's not working, but with this description box.

  • I did implement a minimal thoughts.

  • Font scale didn't want to be too big.

  • And I also implemented lines.

  • So this has has, ah maximum of 10 lines or has 10 lines that I am able to use.

  • And there's ah, holo.

  • Thanks constraints.

  • What not?

  • And we throw moments deck use we threw.

  • What we did was through this and this and a stack of you and then this in this like heightened polka dots instead of you.

  • And then type in defense of stack view like those across from each other.

  • And then we threw each of those in the stack.

  • You just to make it implement better.

  • So, for example, see, we have that stack view.

  • And within that we have that that's within this deck view.

  • It just helps with space and whatnot.

  • And then come on over to, uh here.

  • So, as you can see right here is function update You.

  • I we have a whole lot of other attack label information.

  • Uh, so we have all these ivy outlets week for name label, main image description label.

  • And that is you could see by the names is relative to the you I that you just saw me bring that up.

  • So and the combo box or type?

  • Height, weight, defense type, height, weight, defense.

  • That's that's how it correlates.

  • And it's connected to that VC.

  • And as we come down, you can see where we update the U I.

  • So whenever we click on Ivy sore, it'll bring up eyesores.

  • Attack, defense, height, weight, type of description.

  • Like I said, all of this information is on get of.

  • I'm not here to teach you about this puppy decks up.

  • I'm here to teach you about the firebase angio fire here in a second.

  • So let me go ahead and close this down.

  • I'm going to go ahead and run the pokey finder app and go through the fire base in selling geo fire.

  • Well, first, before we go into that, we have to have something to attach it to.

  • So we'll have to create the X code, and you can attach firebase to that immediately.

  • But we're going to do is create the map first.

  • So basically the pokey finder app, it's for Pokemon.

  • Go.

  • You know, Pokemon, go If you've ever played it or even in maps, you're walking around the map.

  • You're like a little blue dot on the map and you can walk around whatnot.

  • That's basically what we're gonna be making.

  • And there's a few things that you have to implement in order to get it working.

  • Right.

  • So that's what we're gonna do first.

  • And they're one in fluent Firebase Jo Fire and that'll be it.

  • All right, so I had to come on over to my desk because holding my lot talking from the camera just wasn't doing it.

  • So I'm here at my desk.

  • We're going to go over the pokey radar, Appleby finder app, whatever you wanna call it, and I've already made it.

  • I'm not gonna cut it with you.

  • guys, it's really not that much that I've that I've done.

  • It's just like a few you, I'll show you.

  • But right after this is when we're going to go over the firebase in geo fire because a lot of people are here, they're just looking bloody all.

  • They're just looking to do implement firebase angio fire into Europe location that you've already created, so not necessarily make the poor curator at.

  • So let's just go ahead and talk about what I've done so far.

  • After all, this is Ida Journey.

  • So I must do that.

  • So over here at the main story board, all we did was a matter of you set the constraints in a button and made that button graphic as you can see over on the assets.

  • If this wishes to load, we have 100 51 Pokemon and we have yeah, 100.

  • Anyone putting on a few other apse A few of the pictures, I mean, and that's it for the main dot storyboard is just the button.

  • Second straits met view Second Streets and that's it.

  • You can shoulder is the only other file that we've messed with.

  • And, as you can see, we've imported map kit.

  • We made sure our view controller has Matt View, delegate location, manager, delegate.

  • We have our burials and Constance what?

  • Not on.

  • Then a insider view did load function.

  • We have, ah, user tracking mode format few and that, as you can see here, the Met follows the user's location.

  • So you know how when you're driving and you're using a GPS or if using apple maps or Google maps, you stay in the center and the so basically the screen follows you around instead of you like driving like you just see the blue dot go off the screen.

  • You have Japan.

  • That's what this is.

  • So it follows the blue dot that follows you on the map in the application.

  • And then, uh, we had to create this location all status right here for this function, location, all status.

  • Or we created this in order to implement inside.

  • Here's how it should work it and on Lee find location when map is in use.

  • So basically we implemented that.

  • So if you close out is just running in the background test task, it isn't draining your battery by finding your location and only find your location when the when the application is open and we have to ask, Can we access your location?

  • And that's why we don't go into this right here.

  • And this is location manager.

  • In order to do this, we had the implement location and your function, and that's what all of this is for.

  • In order for us to prompt, Kimmy, access your location and let's keep moving on are another function center map on location determines the size of the region shown on the map.

  • So basically, when you open up apple maps, you'll notice How do you know what?

  • Let me open it up right now.

  • You'll notice how like it opens it up to a certain Let me just open up Google map so it opens it up.

  • Uh, I'm on that, but it opens up too, to make your shirts that big.

  • Sorry about this, guys.

  • Let me, uh, get that focused in there, but it opens up to make sure it's that big right?

  • See wherever, Wherever the dot is, and then the screen is that big, you could set it so it opens up.

  • That big chord opens up this big order opens up this big.

  • You know, that's basically what that is.

  • Let me let me get me focused.

  • And that's basically what That it's so right.

  • Um, here.

  • I just I just remember that this is awfully small screen.

  • You may not be able to see the phone, but I'm sure you understand what I'm saying so determines how far away you are.

  • How much of the map you can see when you open the when you open the app.

  • So let's move on from that tells map to center.

  • So this you can probably implement a button with this.

  • You know how I'm not gonna go back on the on the phone because you may not be able to see it, but you know how you can hit that button and it centers.

  • It goes back to you being center.

  • That's what this is.

  • And it just tells the map to center you and what we also implement is make sure it doesn't auto center when you're trying to pan.

  • So if you're trying to pin over like you're here, you're here and you're trying to pan over to some, uh, CIA Pokemon over there.

  • You don't want, uh, toe Auto Center or else you won't be able to paint.

  • And that would be, uh that would be a hassle.

  • And then down here on our map view function, replace blue dot with ash for user's location.

  • Like you.

  • You know how on the application you just all blue dot That represented me instead, Like this.

  • Let's go back to assets.

  • Let me just show you it's a image of ash.

  • Ketchum, if you If you're familiar with Pokemon Ash right here, uh, this is you basically in the application, and that's what we did.

  • And that's basically it.

  • That's what we did.

  • We have ivy action for our pok ball button we have up here or Ivy outlet format view.

  • And like I said, yep, that's it.

  • So now let's implement firebase into our application.

  • I assume you already have firebase account and ignore these perpetrators.

  • I'm just gonna create another one named Pookie Radar.

  • These aren't hooked up to anything but pokey radar.

  • So you want to create it?

  • You know what?

  • Whatever helps you remember, sir.

  • Right here it's named puppy radar.

  • So I just named this po.

  • You're better make sense now.

  • They created that we want to add firebase to your IOS app and then bundle so as you can see IOS bundle I d lips didn't mean to do that.

  • Come over to you perforate our project.

  • And this is what you want to copy?

  • Command.

  • See?

  • And then paste command V right there.

  • These air optionals.

  • We're not gonna worry about that now and then, Ex con destruction.

  • Whatever we download Google Service info dot p list.

  • And as you see, it's too inside parentheses because I already have a few Google service dash info dot p lists in my downloads folder.

  • What I want to do is drag this on over to my desktop.

  • I'm a delete.

  • This one, uh, trash gonna rename this so it doesn't have that too in there.

  • And I'm gonna drag it into my application and make sure it's checked just like that finish.

  • And what I want to click on this application isn't gonna go live.

  • I have yet to decide if I'm gonna black out any of these ideas.

  • But as you can see all these I d.

  • S the values over here.

  • You do not want to show those anybody or else they can access your app in firebase, whatever it is.

  • So this isn't gonna be alive application.

  • So I don't really know if I care that much, but you guys will see, but basically, this is our info it up.

  • He lists are Google service info atop the list, and this is good together.

  • What we're going to have to do now is download our pod file into our project folder.

  • You're gonna open terminal.

  • I turned because, Well, it looks cool when make this bigger for you guys.

  • And then I'm going to change directory CD into desktop course APS.

  • What?

  • I'm doing this type of the first little bit of the word of hitting tab.

  • So it finishes the word for me, and I'll have to type off the whole thing changer during their l s in order to see what's in there.

  • So I have my pookie radar right here.

  • So I want to go into my pookie radar and see I put greater and greater X code project.

  • What I wanna do is pod in it.

  • That's initialized my pod.

  • And then as we'll see a pod file yet, a pot files in here.

  • Now we're gonna open up that pod file in whatever text editor you wish Just gonna open it up in them because it's really not a big deal.

  • I don't If I was going to do a lot of editing into this file, then I probably opened up in something else.

  • Because, you know, you can't come over here.

  • You can't click.

  • I'm trying to click right here.

  • You can't click.

  • You have toe go like this.

  • It makes you hit I and R to insert it.

  • Just don't like them.

  • But for these purposes, it's fine.

  • So we're gonna do is over back on our fire based council.

  • Continue copy this pot of firebase core so they see you could see right here.

  • Says create pop file if you don't have it.

  • That's what we did over your pod file And add this.

  • That's what we're doing.

  • So well done.

  • Deal.

  • Let me get back out of that.

  • And now we have our proper pot file and what we're under there's hit escape a couple times.

  • Colon, uh, yet Colon X and then enter What that does is saved.

  • Or part five.

  • And what do we want to Oh, yeah.

  • We went to a party in stops apart groups for not a type part install.

  • This may take a while, but we're gonna implement one more thing after this, and then fire base will be attached to our application.

  • £4 of brisket about to go in the nice.

  • Now that we have pod file installed was couple on back over to this.

  • You'll see.

  • First off, let me close extra project.

  • And then what I'm going to want to do is open.

  • Open, open, pokey radar dot xy work space because you don't want to use your project file anymore.

  • So in order to really concrete that in your head, let me eggs out.

  • Come back the next code.

  • You see how this is white?

  • This is white.

  • This is white.

  • Those are workspaces.

  • The blue ones are project files.

  • So our project projects What you want to do is use your workspace is from here on out.

  • And don't even worry about the project file or whatever it's called anymore.

  • As you can see, we have a problem filing all that's good to go.

  • We're going to come into not our view Control.

  • We're gonna come in tow.

  • Delegate import firebase let me just see if it pops up your fire base and then we're gonna add in down here if I are at dot kind of figure and this will allow everything to communicate properly.

  • So you have to believe that this won't work without this.

  • And you're only importing this in order to use this.

  • So make sure you do about those and then safe, and that's it for firebase.

  • Now let's move over to G O Fire.

  • So stealing G A fire onto your application is very, very, very simple.

  • You can come on over.

  • So this is the don't get helped open source so you can adjust it if you need Thio.

  • But as you can see its objective C Don't you worry about that.

  • It'll be just fine because we're in Swift, as you know.

  • But Jeff, fire for IOS.

  • You know there's some tutorials to help to download Geo fire right here, Joe, for downloading Joe five for IOS using G afire with swift.

  • So it kind of tells you that I want to take you on a pretty simple way to install Geo fire and I'm gonna leave what I'm going to type in our pod file and description below.

  • But I'm getting him myself.

  • We're gonna do is go back into our pod file that we put a pod fire base.

  • You know what I'm talking about?

  • We had to initialize upon and then vin pod file and then install pot install.

  • We're gonna go back into that.

  • So let me come on over to that directory.

  • That project.

  • I think that's what it's called.

  • Yep.

  • All right, so one of them into pod file, and we're gonna hit I to insert gonna bring it right down under here.

  • So, pod, I gotta look at it to make sure I'm typing in correctly.

  • I heard it over here.

  • Pod, Geo fire.

  • And then get little hero Https.

  • I'm just gonna type it in my car.

  • I read it, and that's it right there.

  • And yes, I know I was looking down on my keyboard knows typing, but that's because I have to put in the dash is in the lines and all that stuff, so just don't give me a hard time, Okay?

  • But, uh, and then what we're gonna do is Colin.

  • Well, no, we're not.

  • We're gonna hit escape.

  • We're gonna do Colon X to save it.

  • And now we saved it.

  • Now we're gonna do pod install, just like we did before pot install.

  • It's not gonna make anything extra.

  • Is just going to basically over right where you just had.

  • And since you didn't change anything, you only added things.

  • It's good to go.

  • And then after pot install would've gonna D'oh!

  • We can get out of this.

  • We're gonna want to open up that workspace, probie radar.

  • And then where we met, Let's come over two pods, pods directory.

  • Within that positivity, we're going to go to Firebase database frameworks and then fire based database framework.

  • You're gonna click on that?

  • Then over here, under target membership, you'll see Geo fire.

  • Check that build.

  • Because if you come over, we're gonna do is come over too.

  • What is it?

  • View Controller.

  • We're going to import Geo fire.

  • If you didn't build it, it wouldn't recognize that Geo Fire was already checked off and good to go.

  • Now it'll read Geo fire just like that.

  • That should not be there.

  • There we go.

  • Let's just test it out.

  • Make sure it works.

  • Well, go ahead.

  • Uh what I wanna do?

  • Geo Fire!

  • Geo fire!

  • This is just to test it out.

  • See if the bridging works and what not?

  • And let's build it.

  • Build succeeded.

  • Looks good to me.

  • And that's how you installed you Fire into your s hould application.

  • Have you guys enjoy this video?

  • And until next time, have a good one.

Yeah, Theo, that was Yeah.

字幕與單字

單字即點即查 點擊單字可以查詢單字解釋

B1 中級

Firebase和GeoFire入門(iOS Swift教程)--iDev Journey #19 (Get Started with Firebase & GeoFire (iOS Swift Tutorial) - iDev Journey #19)

  • 2 0
    林宜悉 發佈於 2021 年 01 月 14 日
影片單字