This guide assumes you have already setup the application in rpxnow.
1. Add this JS to the page where login will appear (preferably in head):
(function() {
if (typeof window.janrain !== 'object') window.janrain = {};
if (typeof window.janrain.settings !== 'object') window.janrain.settings = {};
janrain.settings.tokenUrl = 'http://localhost:8080/signupr';
function isReady() { janrain.ready = true; };
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", isReady, false);
} else {
window.attachEvent('onload', isReady);
}
var e = document.createElement('script');
e.type = 'text/javascript';
e.id = 'janrainAuthWidget';
if (document.location.protocol === 'https:') {
e.src = 'https://rpxnow.com/js/lib/myapp/engage.js';
} else {
e.src = 'http://widget-cdn.rpxnow.com/js/lib/myapp/engage.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(e, s);
})();
Notes:- http://localhost:8080/signupr is obviously my testing host + signupr is how I named the path to my webservice handler - see step 3.
- https://rpxnow.com/js/lib/myapp/engage.js -> "myapp" is the name of the app given in RPXNow.
2. Add a placeholder HTML element with id "janrainEngageEmbed" where the login widget has to be inserted: In my case, I want to use it together with the existing login system of lift - so I added it just above lift's login form. In order to do that, I overwrote screenWrap in User singleton:
override def screenWrap = Full{
}
3. Add handler to get the token from JS call and sign in the user:
class Boot extends Loggable {
def boot {
//...
LiftRules.dispatch.append {
case req @ Req(List("signupr"), _, _) =>
val userData:SigninResponse = getLoggedInUserData(S.param("token").openOr(""))
loginOrRegisterUser(userData)
() => for (hrs <- Box.asA[net.liftweb.http.provider.servlet.HTTPRequestServlet](req.request)) yield {
new RedirectResponse("/page_to_load_after_login.html", null)
}
}
}
}
getLoggedInUserData calls rpxnow api to get logged in user's data:
def getLoggedInUserData(token:String):SigninResponse = {
val query = Map(
"apiKey" -> "myapikey",
"token" -> token
)
var queryStr = query.foldLeft("") { (s: String, pair: (String, String)) =>
s + pair._1 + "=" + pair._2 + "&"
} //TODO without "&" at the end
queryStr = queryStr.substring(0, queryStr.length - 1)
val url = new URL("https://myapp.rpxnow.com/api/v2/auth_info")
val conn:HttpURLConnection = url.openConnection().asInstanceOf[HttpURLConnection]
conn.setRequestMethod("POST");
conn.setDoOutput(true)
conn.connect()
val osw = new OutputStreamWriter(conn.getOutputStream(), "UTF-8")
osw.write(queryStr)
osw.close()
val response = streamToString(conn.getInputStream())
implicit val formats = net.liftweb.json.DefaultFormats //need this for extract to work
val userData:SigninResponse = parse(response).extract[SigninResponse]
userData
}
SigninResponse class is just a model class for the returned JSON. The field names may change depending of the provider (there are also more fields).
I use with these fields, which I need and are also common in the providers I use:
case class SigninResponse(stat: String, profile:SigninProfile) case class SigninProfile(providerName: String, identifier:String, name:SigninName, displayName:String) case class SigninName(formatted: String, givenName:String, familyName:String)At last this method to add the user to my user database (just to keep track of them), and set the user in the session:
def loginOrRegisterUser(userData:SigninResponse) = {
var userBox:Box[User] = User.find(By(User.externId, userData.profile.identifier))
if (userBox.isEmpty) {
userBox = Full(User.create)
} else {
// user = userBox.get
}
val user:User = userBox.get
user.externId(userData.profile.identifier).
username(userData.profile.displayName).
provider(userData.profile.providerName).
firstName(userData.profile.name.givenName).
lastName(userData.profile.name.familyName).
saveMe()
User.logUserIn(user) //set user in the session
}
In order for that to work I extended the user object / table with provider, externId and username.
For the users registered with the default system, externid and provider are never set.4. Now I can access these users in the app, like the default users:
User.currentUser
