Mobile Login Components

[jjedrasik]

Hey everyone,

I'm playing around with integrated login for mobile applications (I.e. I select the choice for integrated login from properties on my mobile UX)

My only question is, how does this work?

Is this login function still based on my web security users from the alpha control panel?

Thanks!

[Jonathan Freestone]

Re: Mobile Login Components

Yup, there are sample UX components. Create a new UX and search for security. You want "SecurityFramwork-LoginComponentMobileApp"

You should end up with 2 UX components min
* one is your actual app
* one is the logincomponent which you embed the first UX into.
Use session variables/setting the loggedInFriendlyName to pass around the users name.

If you dont do two components then you cannot use working preview as this doesnt support security. So you can have one UX if you are prepared to live with this restriction.

[jjedrasik]

Re: Mobile Login Components

Hm interesting ok, thank you for this. I've gotten the login working, but it seems doing something seemingly simple like getting the logged in username is a task in and of itself.

I've tried {dialog.object}.loggedInUserNameFriendlyGet Method, as well as various ajax callbacks, and keep getting undefined. Would anyone know why this is the case?

Thanks!

[Jonathan Freestone]

Re: Mobile Login Components

Okay this bits a touch hidden.

you have to set the value in loggedInUserNameFriendlyGet value.

You do this in Events > Server Side Section, these are xbasic events that happen on the server side at key times, e.g. at login.

You can read some variables as show in the default comment but you probably want this code in the onLogin event.

if e.loginSucceeded
	'set the friendly username you can access in the client side javanscript
	e.userNameFriendly = e.username
	'or you could set a session variable
	Session.MYUSERNAME = e.username
end if

If you go down the Session route then
you must publish the session variable from the Properties section on the left
you must declare an argument of the same name
set to a variable of the same name
AND ALL MUST BE IN CAPS, dont ask me why, it just does.

Key client side event is onRenderComplete, in here I would normally
Move on from an initial panel card that just shows a loading message
refresh my list data (set all the lists to delay until explicit refresh)

Hope that helps, Im just an Alpha beginner myself

[Jonathan Freestone]

Re: Mobile Login Components

okay I've got the code from an actual production application we run

in the Server side > onLogin

e.javascript = ""
if (e.loginSucceeded .OR. e.flagUserWasAlreadyLoggedIn) then
	e.session.user_name = e.username
	e.userNameFriendly = e.username
	e.javascript = e.javascript + "{dialog.object}.panelSetActive('PANEL_APPLICATION');"	
	e.javascript = e.javascript + "{dialog.object}.hideWaitMessage();"
end if

in the server side > onDialogInitialize

e.javascript = ""
'If session is still there, but you are not logged in, clear the session, log out and reload
if session.user_name != "" .AND. Context.Security.CurrentUser == "" then
	a5ws_logoutuser(session,request,response)
	session.reset()
	e.javascript = e.javascript + crlf() + "window.open('DesktopApplicationMenu.a5w','_self');"
'logged in, i.e. your user name is not blank then redirect to the menu panelcard.
else if Context.Security.CurrentUser != "" then 
	 e.javascript = e.javascript + "{dialog.object}.panelSetActive('PANEL_APPLICATION');"	
	e.javascript = e.javascript + "{dialog.object}.hideWaitMessage();"
end if

UX component for handling login looks like this, and the list navigates to other a5w pages depending on your menu option.
Untitled.png