Skip to content

Demonstrates how to use the Microsoft Graph as the only back-end component for a complete property management solution.

License

Notifications You must be signed in to change notification settings

YakoobHammouri/xamarin-csharp-propertymanager-sample

 
 

Repository files navigation

Microsoft Graph Property Manager Sample for Xamarin Native

##Table of contents

This sample project demonstrates how to use the Microsoft Graph as the only back-end component for a complete property management solution. The samples covers features such as property details, conversations, files and tasks in a Xamarin Native app.

The purpose of this sample is to demonstrate the ability to create platform user interfaces and experiences (by implementing native views), while sharing common code across platforms and supercharging the solution with the Microsoft Graph. It heavily leverages Office 365 groups in order to organize data into properties.

Note The sample targets the beta branch of the Microsoft Graph, which the Microsoft Graph .NET Client SDK does not implement. Instead, network calls are being made with the built in HTTP stack towards the Microsoft Graph to consume its resources.

The samples uses the Active Directory Authentication Library for authentication and the MvvmCross library to bring the MVVM pattern across platforms with Xamarin.

Screenshots of the sample running on Android, iOS and UWP project.

Project

Project Author(s)
XamarinNativePropertyManager Simon Jäger (Microsoft)

Version history

Version Date Comments
1.0 August 4th 2016 Initial release

Prerequisites

This sample requires the following:

If you are building for Office 365 and you're missing an Office 365 tenant - get yourself a developer account at: http://dev.office.com/devprogram

If you want to run the iOS project in this sample, you'll need the following:

You can use the Visual Studio Emulator for Android if you want to run the Android project.

##Register and configure the app

The first thing you need to do is to register your app in Azure AD.

  1. Sign in with an administrative user of your Office 365 tenant at the Azure Management Portal.
  2. Select Active Directory.
    Screenshots of the Azure AD tab icon.
  3. Select your Azure AD tenant in the Directory tab.
    Screenshots of an Azure AD tenant.
  4. Click on Applications in the tab menu.
  5. Click on the Add button at the bottom.
    Screenshots of the Add Application button
  6. Choose Add an application my organization is developing in the dialog that shows up.
  7. Name your application and select Native Client Application.
  8. Enter a Redirect Uri. You can use anything for this, for example "https://propertymanagerapp".
  9. When the application has been created, click on the Configure tab in the application page.
  10. Scroll down to the bottom to the Permissions to other applications section and click on the Add application button.
  11. Show Microsoft Apps and add the Microsoft Graph.
  12. Save your changes by clicking the check button at the bottom.
    Screenshots of the Microsoft Graph app.
  13. Click on Delegated permissions and pick the following permissions:
    1. Sign users in
    2. Read and write all groups
    3. Read items in all site collections
    4. Have full access to all files user can access
    5. Create, read, update and delete user tasks and projects (preview)
    6. Read directory data
  14. Save your configuration by clicking the Save button at the bottom.
    Screenshots of the Save Application button.

Build and debug

Note: If you see any errors while installing packages during step 2, make sure the local path where you placed the solution is not too long/deep. Moving the solution closer to the root of your drive resolves this issue.

  1. Open the Constants.cs file inside the XamarinNativePropertyManager (Portable) project of the solution.
    Screenshots of the Constants.cs file.

  2. After you've loaded the solution in Visual Studio, configure the sample to use your Azure AD tenant by replacing the [TENANT_ID_OR_NAME] value in the Authority property in the Constants.cs file.
    Screenshots of the Authority property in the Constants.cs file.

  3. Configure the sample to use your Azure AD application Client Id by replacing the [CLIENT_ID] value in the ClientId property in the Constants.cs file.
    Screenshots of the ClientId property in the Constants.cs file.

  4. Configure the sample to use your Azure AD application Redirect Uri by replacing the [REDIRECT_URI] value in the RedirectUri property in the Constants.cs file.
    Screenshots of the RedirectUri property in the Constants.cs file.

  5. Select the project that you want to run. If you select the Universal Windows Platform option, you can run the sample on the local machine. If you want to run the iOS project, you'll need to connect to a Mac that has the Xamarin tools installed on it. (You can also open this solution in Xamarin Studio on a Mac and run the sample directly from there.) You can use the Visual Studio Emulator for Android if you want to run the Android project.
    Screenshot of the Visual Studio toolbar, with UWP selected as the start-up project.

  6. Press F5 to build and debug. Run the solution and sign in with either your personal or work or school account.

    Note You might have to open the Build Configuration Manager to make sure that the Build and Deploy steps are selected for the UWP project.

Run the sample

After launching the app, click the Sign in button to sign in to your organizational account. After you authenticate, the app displays all the properties in your organization. Create a new one by filling in the details and the app will provision a new Office 365 group for this property. At this point you will be able to post messages to the group conversations, add files and create tasks.

You will also be able to update the details of the property and create new ones. Explore the Office 365 groups in your browser to find all of the data used within the app. The property details are stored in an Excel workbook named Data.xlsx, located in the Property Managers group.

Platform Screenshots
Android
Sample running on Android.
iOS
Sample running on Android.
UWP
Sample running on Android.

##How the sample affects your account data

When this sample is started for the first time (in the Office 365 tenant) an Office 365 group named Property Managers is created. In this group, a Data.xlsx file is stored which hosts all of the details for the different properties.

For each property that is created within the app, a new Office 365 group is provisioned. In each group the files, conversations and tasks resources are used by the app. Tasks are the only thing that can be deleted (completed) from within the app. The app does not provide an ability to delete conversation posts or files.

Contributing

If you'd like to contribute to this sample, see CONTRIBUTING.MD.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

Additional resources

Copyright

Copyright (c) 2016 Microsoft. All rights reserved.

About

Demonstrates how to use the Microsoft Graph as the only back-end component for a complete property management solution.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 100.0%