Ionic Splash/Landing Page/View


So, had a question. I’ve been building out my ionic app that is really cool but I’m in search/need of some functionality that I’m unsure if ionic framework has already accounted for. I’m looking for “on launch” of once i’ve gone into ionic view or “ionic serve” a view that i’m not sure if ionic offers some form of login/signup page the renders without the topbar and tabs below. Essentially my very broad user flow is as follows.

1.User Login/Sign Up View with no top-bar/bottom tabs

2proceed to app that renders on all other views/templates a top-bar and tabs

if anyone has any experience and or is looking for the same kind of renderings I’d love any advice :slight_smile:

#ionicsplashpage #ioniclandingpage #nestedviews #views #templates

I made 2 tutorials about a login with Ionic, the first is a classic Login example, the second shows how to make a Pattern Lock Login.

Regarding the topbar you should just wrap the complete view inside the index in a <ion-nav-view></ion-nav-view>and then specify the bar on the templates where you need it.

1 Like

Thanks man, I’ll def check them out. Looking to implement into my own project


also @saimon I’m seeing the comments and i believe that people were requesting some facebook login functionality as well. I am sorry but i’m actually looking for that as well. Essentially just using FB solely to login and proceed to the app. Let me know also if you’ve got any ideas and or tutorials on that as well. I will be implementing your login/splash on my project

I guess Nic already made a post about login with facebook. Does that already fit your needs, or would you like to have other information on how to login with facebook? Just let me know, I will try to come with something then!

@saimon ok so i’ve been away from this task for a little bit i’m trying my hand at it now. I’m dealing with the Oauth facebook loigin example that you linked at the bottom. As it sounds like the closest to my needs for this project. I’m getting into the facebook SDK now and thiking i’m making somewhat progression however i’m a little stumbled at where I am currently finding myself. What is impressed to me is to copy and paste a specific block of code that facebook has already developed only asking for your speicic app id. I’ve inputed my app id were needing except when I view ionic serve and try to login i recieve error modal/pop up that can be seen below. Also thank you so much for just in general being so helpful

“Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App’s settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App’s domains.”

see screenshot below

#facebooklogin #facebookSDK #appId #javascript

You shouldn’t try to test in a web browser. Ionic serve is for UI only. As soon as you start using plugins or third party tools such as Facebook, it isn’t going to work.

With that said, I recommend you use $cordovaOauth.facebook like @saimon linked you to. From your post it looks like you’re trying to reinvent the wheel.

Finally, the site URL is not the same as the Oauth callback URL. You must set the callback URL in the advance section of the facebook dashboard.

Let me know if something doesn’t make sense.