Learn Skype Web SDK Day 2 : Logging Out

[contemplate-1]

View Demo

Last time we talked about getting logged in, and looking at the current signed-in state.

Equally important is getting logged out. If you only ever log in using the Skype for Business API and don’t log out, instead just closing the browser, then the user you have signed in will continue to show as signed in for a period of time afterwards. This can be confusing to people who try and send them messages etc. Therefore, you should try and ensure that a log out takes place when the user has finished wherever possible.

To sign out, call signOut on the signInManager object. The method doesn’t take any parameters, and returns a promise so you can react to a successful or unsuccessful sign out:

[code language=”javascript”]

client.signInManager.signOut()
.then(function () {
//log out worked!
alert(‘Logged out!’);
}, function (error) {
//Something went wrong.
alert(error);
});

[/code]

Previously, we talked about the state property of the signInManager. Whilst you can always use that to retrieve the current sign-in status of the user, you might want to make your application more responsive.

You can react to changes in state by coding against the state.changed event:

[code language=”javascript”]

client.signInManager.state.changed(function (state) {
//do something, the state has changed.
});

[/code]

The new value of state is available in the state parameter.

Alternatively, you can react conditionally, according to specific states. For instance, to do something only if the state has just changed to SignedIn:

[code language=”javascript”]

client.signInManager.state.when(‘SignedIn’, function () {
//do something, state is SignedIn
});

[/code]

The example below takes the log-in example from before, adds a Log Out button, and adds a log-in state indicator:

[code language=”javascript”]

[/code]

Demo Online

You can try this code out against your own Skype for Business environment by going to the demo page. From here you can also download the code from GitHub if you want to host it
locally, or take it and use it in your next project.
[contemplate-2]