Connect to Google Drive using Angular, REST services, OAuth and Radzen

This blog post demonstrates how to create an Angular app with Radzen that will access Google Drive using OAuth authorization!

1. Create new OAuth credentials in Google Console for Web Application:
2. Create REST data-source with OAuth authorization in Radzen with following settings:

• End point: https://www.googleapis.com/drive/v3
• ClientID: Your ClientID from step 1.
• Authorization Url: https://accounts.google.com/o/oauth2/auth
• Scope: https://www.googleapis.com/auth/drive

1. Create new page, call getFiles() method on Page Load event and assign ${result.files} to files variable.
2. Drag and drop DataGrid component from Radzen toolbox, bind it to files and add desired columns.
3. Run the application, login using your Google credentials and browse your Drive files and folders.

Enjoy!