Создаем приложение для OneDrive с помощью AngularJS и Microsoft API

<script src="https://secure.aadcdn.microsoftonline-p.com/lib/1.0.7/js/adal.min.js"></script>
<script src="https://secure.aadcdn.microsoftonline-p.com/lib/1.0.7/js/adal-angular.min.js"></script>

//AngularJS ADAL login
adalAuthenticationService.login();

//AngularJS ADAL logout
adalAuthenticationService.logOut();

using Microsoft.AspNet.Builder;
using Microsoft.AspNet.Hosting;
using Microsoft.AspNet.StaticFiles;

namespace Zhukov.Blog.Graph.AngularJS
{
    public class Startup
    {
        public void Configure(IApplicationBuilder app)
        {
            app.UseIISPlatformHandler();

            DefaultFilesOptions options = new DefaultFilesOptions();
            options.DefaultFileNames.Clear();
            options.DefaultFileNames.Add("default.html");

            // Файл по умолчанию
            app.UseDefaultFiles(options);

            // Статические файлы
            app.UseStaticFiles();
        }
        public static void Main(string[] args) => WebApplication.Run<Startup>(args);
    }
}

// CLIENT ID from https://manage.windowsazure.com
var clientId = '27015206-d28a-45a6-a952-a1e987edf216';

// OneDrive App
var oneDriveApp = angular.module('MicrosoftGraphSPA', [
    'ngRoute',
    'AdalAngular',
    'angular-loading-bar'
]).config(config);

function config($routeProvider, $httpProvider, adalAuthenticationServiceProvider, cfpLoadingBarProvider) {

    // Routing

    // ADAL
    adalAuthenticationServiceProvider.init(
    {
        clientId: clientId, //CLIENT ID
        endpoints: {
            'https://graph.microsoft.com': 'https://graph.microsoft.com'
        }
    }, $httpProvider);

    // Hide loading spinner
    cfpLoadingBarProvider.includeSpinner = false;
};

angular
    .module('MicrosoftGraphSPA')
    .constant('graphUrl', 'https://graph.microsoft.com/v1.0')
    .factory('oneDriveFactory',
    [
        '$http', 'graphUrl',
        function($http, graphUrl) {

            var oneDriveFactory = {};

            // Получение содержимого из корня OneDrive
            oneDriveFactory.getRoot = function() {
                return $http({
                    method: 'GET',
                    url: graphUrl + '/me/drive/root/children'
                });
            };

            // Переименование файла или папки
            oneDriveFactory.saveItem = function(itemId, name) {
                return $http({
                    method: 'PATCH',
                    url: graphUrl + '/me/drive/items/' + itemId,
                    data: {
                        name: name
                    }
                });
            };

            // Создание новой папки
            oneDriveFactory.addFolder = function(parentId, name) {
                var url = parentId
                    ? graphUrl + '/me/drive/items/' + parentId + '/children'
                    : graphUrl + '/me/drive/root/children';
                return $http({
                    method: 'POST',
                    url: url,
                    data: {
                        name: name,
                        folder: {}
                    }
                });
            }

            // Удаление файла или папки
            oneDriveFactory.removeItem = function(itemId) {
                return $http({
                    method: 'DELETE',
                    url: graphUrl + '/me/drive/items/' + itemId
                });
            }

            return oneDriveFactory;
        }
    ]);

(function () {
    angular
        .module('MicrosoftGraphSPA')
        .controller('SearchController', [
            '$scope', '$rootScope', '$http', '$location', 'oneDriveFactory',
            function ($scope, $rootScope, $http, $location, oneDriveFactory) {
                // Запрос
                $scope.query = $location.search().q;
                // Элементы
                $scope.items = null;
                // Загрузка элементов из Office 365
                $scope.loadItems = function () {
                    oneDriveFactory.searchItems($scope.query)
                        .then(
                            function (response) {
                                // Заполняем items
                                $scope.items = response.data.value;
                            }, $rootScope.responseError);
                }
                // Если указан поисковый запрос, то заполняем items
                if ($scope.query) {
                    $scope.loadItems();
                }
            }
        ]);
})();

$routeProvider
    // Routing
    .when('/onedrive', { //Root
        templateUrl: 'views/onedrive.html',
        controller: 'OneDriveController',
        controllerAs: 'controller'
    })
    .when('/onedrive/search', { //Search
        templateUrl: 'views/search.html',
        controller: 'SearchController',
        controllerAs: 'controller'
    })
    .when('/onedrive/:itemId', { //File/Folder
        templateUrl: 'views/onedrive.html',
        controller: 'OneDriveController',
        controllerAs: 'controller'
    })
    .otherwise({ //Root by default
        redirectTo: '/onedrive'
    });

<ul class="breadcrumb">
    <li><a href="#/">Microsoft Graph SPA</a></li>
    <li><a href="#/onedrive">OneDrive</a></li>
    <li class="active">Search</li>
</ul>
<!-- Search results -->
<div class="row">
    <table class="table table-striped table-bordered table-hover table-condensed">
        <thead>
            <tr>
                <th>Name</th>
                <th>Size</th>
                <th>Created</th>
                <th>Created By</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="item in items | orderBy: 'folder'">
                <td>
                    <i class="fa"
                       ng-class="item.folder ? 'fa-folder' : 'fa-file'"
                       aria-hidden="true"></i>
                    <a href="#/onedrive/{{item.id}}">{{ item.name }}</a>
                </td>
                <td>{{ item.file ? (item.size | bytes) : ''}}</td>
                <td>{{ item.createdDateTime | date:'medium' }}</td>
                <td>{{ item.createdBy.user.displayName }}</td>
            </tr>
        </tbody>
    </table>
</div>