NextGen Portal for Your Organization

Tweet this talk#UConnect@appieschot@waldekm

Albert-Jan Schot

Waldek Mastykarz

SharePoint Server MVP SharePoint Server MVP

Custom NextGen portal

Organization portalsOn-rails experiencesBuilt using modern web technologyRich experiencesCross-device support

What are NextGen Portals

Leverage all of Office 365Leverage Office 365 as a serviceBring your own

LoBUXTechnology, skills, infrastructure

Cross-device support

Custom NextGen portals advantages

Web applicationBuilt using platform of your choiceInteracts with Office 365 using the Office 365 API

Authentication using OAuthCORS

Hosted on infra of your choice

Anatomy of custom NextGen portals

Azure AD app registrationpermissionsimplicit OAuth flow

$ yo office365appConnect to O365Upcoming appointmentsFavorite groups

Build your own NextGen portal

Visual Studio Code on OS X/WindowsStackNode.jsBowerGulpAngularJSADAL JSBootstrapImplicit OAuth flowAzure App Insights

Hosted as Azure Web ApplicationTFS Git as source control

How we did it?

Blank canvasResponsible for authenticationMultiple simultaneous ADAL JS flowsOffice Graph docviz doesn't support OAuth

Gotchas

1. Get O365 dev tenant @ http://buff.ly/1VfEVRn

2. Learn Office 365 API @ http://buff.ly/1GasB8N

3. Start coding4. Bonus: Get Yo Office @

http://buff.ly/1G9cPuT

Next steps

My ConnectOn the page for this session, you’ll find• Ask a question to the

speaker(s)• Slides• Resources• Recording*• Feedback form

Connect with usWaldek Mastykarzhttp:// blog.mastykarz.nl@waldekm

Albert-Jan Schothttp://sharepointappie.nl@appieschot