iOS Login Screen tutorial : XCode 5 + ios 7 + Storyboard + JSON

by Dipin Krishna
December 26, 2013February 10, 2015

For Swift tutorial, See: Swift + XCode 6 + iOS 8 + JSON

iOS Login Screen tutorial : XCode 5 + ios 7 + Storyboard + JSON
This tutorial will guide you to create a simple app with a Login screen which takes username and password from the user and then posts it to an url and parses the JSON response.

1. Create a New project.

Launch XCode.
Click: File->New Project… and choose: Single View Application
Name your project, here i am using ‘LoginScreenTutorial’

When you choose Single View Application, XCode creates many files for you, among which the following files are of our interest:
ViewController.h
ViewController.m
Main.storyboard

Next: Create the Screens and the Segue/transition

Pages: 1 2 3 4 5

135 thoughts on “iOS Login Screen tutorial : XCode 5 + ios 7 + Storyboard + JSON”

Dipin Krishna September 4, 2014 at 2:10 pm

The log clearly shows the data send the json reply received.

The PHP code given shows that it looks for username ‘andrei’, but the username send is ‘username’.
Andrei Popescu September 4, 2014 at 2:08 pm

2014-09-04 11:37:26.177 LoginScreenTutorial[3826:60b] PostData: username=username&password=password
2014-09-04 11:37:26.571 LoginScreenTutorial[3826:60b] Response code: 200
2014-09-04 11:37:26.571 LoginScreenTutorial[3826:60b] Response ==> {“success”:0,”error_message”:”Username and/or password is invalid. No post data!”}
2014-09-04 11:37:26.572 LoginScreenTutorial[3826:60b] Success: 0

and on PHP

header(‘Content-type: application/json’);
if(isset($_POST[‘username’]))
{
if($_POST[‘username’] == ‘andrei’ && $_POST[‘password’] == ‘password’)
{
echo ‘{“success”:1}’;
}
else
{
echo ‘{“success”:0,”error_message”:”Username and/or password is invalid.”}’;
}
}
else
{
echo ‘{“success”:0,”error_message”:”Username and/or password is invalid. No post data!”}’;
}
Dipin Krishna September 4, 2014 at 2:04 pm

Can you paste the logs here?
Andrei Popescu September 4, 2014 at 2:02 pm

For me is not working. It is not posting data. I’ve download the entire project from the link and is not posting data. Can you please help me?

Dipin Krishna September 4, 2014 at 11:32 am

If you are going to return something like this:

{"success":true}

Then you can use the following code:

NSNumber * success = (NSNumber *)[response objectForKey: @"success"];
if([success boolValue] == YES)
{
    // true
} else {
    // false
}

Simon September 4, 2014 at 11:01 am

Great script. However I am going to be connecting to API that returns True false to the JSON request. I am trying to change code to reflect this. Any suggestions?

Any help would be amazing
Simon
Simon Varley September 3, 2014 at 10:14 pm

Great stuff. Thanks for posting this. Keep up the good work!
Dipin Krishna September 2, 2014 at 6:21 pm

Hey,

You will need to send a json reply from the server, and parse it in the app.
The tutorial does exactly that.
Nana jaan September 1, 2014 at 6:51 pm

hye, i need you die and suggestion,

i have tried this tutorial to adapt my apps which to allow user to check their member card application status, sadly i can’t use it effectively.

i need an apps example that user will insert their application number thru mobile, and they will get the status of their application.

database mySQL. – storing users application status.
fahd September 1, 2014 at 3:16 pm

nice tutorial
Dipin Krishna August 31, 2014 at 6:07 pm

Can you try this:
http://stackoverflow.com/questions/12540534/xcode-4-5-4g182-iphone-5-ios6-choose-a-destination-with-a-supported-archit
Matteo August 31, 2014 at 4:35 pm

HI Dipin, amazing guide!
I’ve downloaded the code but when I try to simulate to any kind of device I got the error
xcode cannot run using the selected device
chose a destination with a supported architecture in order to run on this device.

My developer profile is expired but I don’t think it is a problem for running the app on simulator.
I’ve try looking at
Build Settings > Build Options > Compiler for C/C++/Objective-C (LLVM)
and
Bundle Name = ${PRODUCT_NAME}
Executable file = ${EXECUTABLE_NAME}
but still doesn’t work.
Any idea?
thank you
Matteo
Vicky August 28, 2014 at 3:15 am

Amazing tutorial thank you!
Dipin Krishna August 20, 2014 at 7:10 pm

Hi,
Are you testing it on the simulator?
Can you confirm that you are connected to the internet?
Ibrahim Chiha August 20, 2014 at 6:35 pm

Both of them result in a connection failed. I really need this to work, please help me!
Dipin Krishna August 20, 2014 at 6:31 pm

Hm, lets try.
Can you check the response for a successful and an unsuccessful login, see if the page redirects for any one of them.
If the page ‘redirects’ to another page after successful authentication, then in the app we can check to see if the page is redirecting when trying to authenticate.
Dipin Krishna August 20, 2014 at 6:23 pm

Hi Victor,

That method should be added to the “.m” file not “.h”.

Thanks.
Victor D August 20, 2014 at 5:46 pm

Hello,

When I finished the application, xCode told me two errors :

1) http://hpics.li/873467e (Screenshot)
2) http://hpics.li/b5fb9da (Screenshot)

How can I fix this ?

Thank’s for this great tutorial!
Ibrahim Chiha August 20, 2014 at 2:54 pm

No, I do not 🙁
Dipin Krishna August 20, 2014 at 1:17 pm

Hey,

Do you have access to the website, to make changes?
Ibrahim Chiha August 20, 2014 at 7:34 am

I read all of your comments, and some had the same issue. Can you please tell me how to grab authentication code from a website and how to use them to check if I had correctly logged in? I know I’m asking for too much, but it would really help me if you replied!
Ibrahim Chiha August 20, 2014 at 6:03 am

Hi Dipin,
Love the tutorial very helpful but there’s one thing I need and it’s not working for me 🙁
I am developing an app for my school, where it uses a website with a login username and password. I was trying to make a login and username ViewController and take the user’s input and plug it in the HTML, and then opens a UIWebView and logs in with those credentials. Can you please help me? I need to submit this app to my school as soon as possible.
Si August 13, 2014 at 5:46 am

Thanks, it appears I was not connected. I just needed to let it connect, give it a few minutes and then start.
Dipin Krishna August 12, 2014 at 6:48 pm

Hey,

Are you sure the device has an internet connection?
Si August 12, 2014 at 2:02 pm

This tutorial works fine for the simulator, I can send data to and form the php page fine. But when I run it on my iPhone, it is unresponsive and then says “Login Failed! Connection Failed”.

In Xcode it says in the debugger the response code is 0 and “the request timed out.”. Why would the simulator be fine and the phone not? Please help!
Dipin Krishna July 31, 2014 at 8:54 am

Yes, will do one soon.

See the progress here : https://dipinkrishna.com/blog/2014/07/login-signup-screen-tutorial-xcode-6-swift-ios-8-json/
Eric McCarthy July 31, 2014 at 3:33 am

This is a very helpful tutorial. Do you plan on making one for xcode 6/ swift?
Dipin Krishna July 30, 2014 at 8:14 am

Yes. Using a DB will be the right choice.
Marlow Fernandez July 30, 2014 at 4:03 am

Everything works great. The code was amazing and I thank you for that. I have only one question. How would a person use a “signup” button to save the information to the file? Or would it have to be to a “database” of some sort?
Kadir July 28, 2014 at 6:29 am

Thanks for this tutorial.
Dipin Krishna July 1, 2014 at 4:39 am

No Problem. Hope, you get it done.
Louis July 1, 2014 at 4:37 am

Alright will try tomorrow but thank you very much you have helped me greatly
Dipin Krishna July 1, 2014 at 4:35 am

Copy over the authentication code from your actual login page, and see my sample php code to get an idea on what to return.
Louis July 1, 2014 at 4:33 am

How would I go about that
Dipin Krishna July 1, 2014 at 4:31 am

🙂
The app is expecting a JSON response.
If possible, create a new url to process the requests from the app, and return a JSON response.
Louis July 1, 2014 at 4:30 am

I’m not sure as I have only just stated to learn code and I am not experienced however I copied the code about json data and put in the URL and it sent me back to the same page so I assume so
Dipin Krishna July 1, 2014 at 4:27 am

Does that url return a JSON response?
Louis July 1, 2014 at 4:21 am

Yeah the app use to crash on signing then I defined the signin correctly and now it comes up saying sign in failed but doesn’t crash the app and the URL is vle.biltonschool.co.uk
Dipin Krishna July 1, 2014 at 4:12 am

U mean, the app crashes on signin?
Louis July 1, 2014 at 4:11 am

It’s the same error that James gets
Dipin Krishna July 1, 2014 at 4:05 am

What is the “Response” ?
Louis July 1, 2014 at 3:58 am

I am trying to log on to my schools vle, I am entering my login and password which is correct however it won’t let me log in it comes up sign in failed
Dipin Krishna June 30, 2014 at 9:08 am

The server side code i used, is just a sample.
You will need to setup a database and get data from there.
John June 30, 2014 at 7:51 am

Hi dipin, great tutorial two queries we are having our app developed
Firstly could our developers use your code for our one time login for users in our app.
Secondly if thousands of users were login too our app where would we access all there data from, will our developers need to link our app to our website and what security can be put in place to secure users details

Thanks
John
James June 24, 2014 at 12:16 pm

Ahh got it now i corrected the mistake and now it works good however when i enter the correct username and password it comes up sign in failed (i am trying to log onto my schools vle)
Dipin Krishna June 24, 2014 at 8:07 am

Hi,

Can you make sure ‘signinClicked’ is defined, if so, please paste here the code which is calling ‘signinClicked’.

If you had copied the code from tutorial, i think i have made a typo “sigininClicked”.

Thanks.

Dipin Krishna June 24, 2014 at 8:01 am

You can use NSUserDefaults.

Saving:

NSUserDefaults *prefs = [NSUserDefaults standardUserDefaults];
 
// saving an NSString
[prefs setObject:@"TEXT" forKey:@"keyToLookup"];
 
// saving an NSInteger
[prefs setInteger:99 forKey:@"integerKey"];
 
// saving a Double
[prefs setDouble:1.234 forKey:@"doubleKey"];
 
// saving a Float
[prefs setFloat:1.2345678 forKey:@"floatKey"];
 
[prefs synchronize];

Retrieving:

NSUserDefaults *prefs = [NSUserDefaults standardUserDefaults];
 
// getting an NSString
NSString *myString = [prefs stringForKey:@"keyToLookup"];
 
// getting an NSInteger
NSInteger myInt = [prefs integerForKey:@"integerKey"];
 
// getting an Float
float myFloat = [prefs floatForKey:@"floatKey"];

Nick June 24, 2014 at 5:28 am

This is an awesome tutorial! Is there a way to save username/password information so the user only has to login on first launch? Thanks!
James June 24, 2014 at 1:41 am

hello, i have changed the website url to the one i want however when i enter the correct login username and password it crashes and says thread 1 signal SIGABRT then when i go to the debug area is says this:

2014-06-23 21:09:57.804 Bilton App[7370:60b] Cannot find executable for CFBundle 0x10943c030 (not loaded)
2014-06-23 21:10:07.033 Bilton App[7370:60b] -[KJViewController signinClicked:]: unrecognized selector sent to instance 0x109320400
2014-06-23 21:10:07.035 Bilton App[7370:60b] *** Terminating app due to uncaught exception ‘NSInvalidArgumentException’, reason: ‘-[KJViewController signinClicked:]: unrecognized selector sent to instance 0x109320400’
*** First throw call stack:
(
0 CoreFoundation 0x000000010194a495 __exceptionPreprocess + 165
1 libobjc.A.dylib 0x00000001016a999e objc_exception_throw + 43
2 CoreFoundation 0x00000001019db65d -[NSObject(NSObject) doesNotRecognizeSelector:] + 205
3 CoreFoundation 0x000000010193bd8d ___forwarding___ + 973
4 CoreFoundation 0x000000010193b938 _CF_forwarding_prep_0 + 120
5 UIKit 0x0000000100257f06 -[UIApplication sendAction:to:from:forEvent:] + 80
6 UIKit 0x0000000100257eb4 -[UIApplication sendAction:toTarget:fromSender:forEvent:] + 17
7 UIKit 0x0000000100334880 -[UIControl _sendActionsForEvents:withEvent:] + 203
8 UIKit 0x0000000100333dc0 -[UIControl touchesEnded:withEvent:] + 530
9 UIKit 0x000000010028ed05 -[UIWindow _sendTouchesForEvent:] + 701
10 UIKit 0x000000010028f6e4 -[UIWindow sendEvent:] + 925
11 UIKit 0x000000010026729a -[UIApplication sendEvent:] + 211
12 UIKit 0x0000000100254aed _UIApplicationHandleEventQueue + 9579
13 CoreFoundation 0x00000001018d9d21 __CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM_FUNCTION__ + 17
14 CoreFoundation 0x00000001018d95f2 __CFRunLoopDoSources0 + 242
15 CoreFoundation 0x00000001018f546f __CFRunLoopRun + 767
16 CoreFoundation 0x00000001018f4d83 CFRunLoopRunSpecific + 467
17 GraphicsServices 0x0000000103ac1f04 GSEventRunModal + 161
18 UIKit 0x0000000100256e33 UIApplicationMain + 1010
19 Bilton App 0x00000001000023e3 main + 115
20 libdyld.dylib 0x0000000101fe25fd start + 1
)
libc++abi.dylib: terminating with uncaught exception of type NSException
(lldb)
Dipin Krishna June 18, 2014 at 5:07 pm

The app will work with any web service, as long as it returns the correct json response.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

iOS Login Screen tutorial : XCode 5 + ios 7 + Storyboard + JSON

1. Create a New project.

Next: Create the Screens and the Segue/transition

135 thoughts on “iOS Login Screen tutorial : XCode 5 + ios 7 + Storyboard + JSON”

Leave a Reply