ISE Guest Self-Registration phone number as the username
ISE 2.7 has this built-in! See our guest features page section!
The main aim it to authorize guest user by SMS and use his phonenumber as a USERNAME in ISE system.
See my doc ISE Guest Web Customization to understand javascript usage
Remember this customization is per language, if you want to apply to other languages have to implement under each of them!
The final flow is the following:
- guest user connects to SSID and after opening the browser is redirected to GuestPortal SelfRegistration page;
- on SelfReg page user is asked to
- after that user clicks Registration button and is redirected to Login page, where he is asked to put in only password (password was generated by ISE and sent to user by SMS).
- I am working on this piece for now user will have to enter username and password
The following information will hide the username field, have the user enter there phone number. In the background the system will put the phone as the username
- Be aware that you’re forcing the user to use the same username so there maybe a collision if the user would try to register with same phone number after account has expired but hasn’t been purged, authorize the endpoint using endpoint groups instead. Create a guest account for 1 day and purge the accounts at 1 day, remember purging happens at 3am or so on the day after its marked for purge. If I register 9am today, my endpoint will be marked to purge 9am next day
- Recommendation is to set to use authorization based off endpoint group and not the web authentication and set account to expire after 8 hrs purge expired accounts at 1 day and endpoint purge to 2 days (or even 3 days to be safe). If wanting week long access then set account to expire doesn’t matter as long as it happens before the purge..
Scripts works for default portals of Cisco ISE.
(For portals created by ISEPB should add a little changes for locators)
login - page script (optional content 2)
<script>
$('input[name="user.username"]').parent().find('label').eq(0).html('Phone number');
$('.cisco-ise-login-text').prepend("<div class='cisco-ise-form-buttons'><div aria-disabled='false' class='hotspot-btn ui-submit ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-up-b' data-disabled='false' data-mini='true' data-inline='true' data-theme='b' data-wrapperels='span' data-iconshadow='true' data-shadow='true' data-corners='true'><span class='ui-btn-inner'><span class='ui-btn-text'>Get Access</span></span></div></div>");
var regBtn = $("#ui_login_self_reg_button").hide();
$('.hotspot-btn').on('click', function(evt){
evt.preventDefault();
regBtn.trigger('click');
});
</script>
self - reg page (optional content 2)
<script>
$('input[name="guestUser.fieldValues.ui_user_name"]').parent().hide();
$('#ui_self_reg_submit_button').on("click", function(evt){
evt.preventDefault();
$('input[name="guestUser.fieldValues.ui_user_name"]').val($('input[name="guestUser.fieldValues.ui_phone_number"]').val());
$('form[name="selfRegForm"]').trigger('submit');
});
</script>
Also here is functionality, if you need user to save his username(phone number) in cookies and autocomplete it for your portal.
Script for "Login" page:
<script>
var verification = function() {
var currentUser = $.cookie('user');
if(currentUser !=null) {
$('[id="user.username"]').val(currentUser);
}
}
verification();
</script>
Script for "Self-registration" page:
<script>
$('[type="submit"]').on('click', function(){
var username = $('[name="guestUser.fieldValues.ui_phone_number"]').val();
$.cookie('user', username, {
expires : 5 //count of days to expire cookie for user
})
});
</script>
