A full-featured social demo app that shows how to integrate a wide range of Telerik Platform services into a native Windows Phone application.
Перейти к файлу
boevski fce40b73d3 Update frontmatter.yml 2016-07-15 12:59:10 +03:00
App_Resources/icons Replaced with the dark-blue "demo app" icon. 2015-12-21 11:57:22 +02:00
Assets
Converters Small fixes. 2014-01-24 17:37:43 +02:00
Helpers Small fixes. 2014-01-24 17:37:43 +02:00
Images Removed EverliveAPIKey folder. Fixed DateTimePicker buttons. 2014-01-25 16:37:58 +02:00
Model Edit profile fixes. 2014-02-06 18:32:46 +02:00
Properties Description added. 2014-01-25 10:04:40 +02:00
Resources
UserControls
Views Edit profile fixes. 2014-02-06 18:32:46 +02:00
lib
screenshots Added screenshots. 2015-10-06 17:45:46 +03:00
.gitignore
App.xaml
App.xaml.cs Rename the AppId field name back to ApiKey in order to successfully build with the outdated external components. 2016-02-26 17:22:03 +02:00
ConnectionSettings.cs Update Exception message to feature app ID, instead of API Key. 2016-03-01 13:32:13 +02:00
Friends.WP.csproj Removed EverliveAPIKey folder. Fixed DateTimePicker buttons. 2014-01-25 16:37:58 +02:00
Friends.sln
LICENSE Added a LICENSE file. 2015-09-09 14:54:20 +03:00
LocalizedStrings.cs
README.md Apikey to appid updates 2016-01-13 14:29:36 +02:00
frontmatter.yml Update frontmatter.yml 2016-07-15 12:59:10 +03:00

README.md

Telerik Friends Sample App for Windows Phone

Overview

This repository contains the Telerik Friends app for Windows Phone. It is a sample mobile app demonstrating how to integrate a wide range of Telerik Platform services into a native Windows Phone mobile application.

The Telerik Friends sample app showcases these features and SDKs:

  • Cloud data access (Telerik Backend Services)
  • Working with files (Telerik Backend Services)
  • User registration and authentication (Telerik Backend Services)
  • Authentication with social login providers (Facebook, Google, etc.) (Telerik Backend Services)
  • Using custom user account fields (Telerik Backend Services)
  • Basic app analytics (Telerik Analytics)
  • Tracking feature use (Telerik Analytics)

To implement all the features listed above, the sample app utilizes the following Telerik SDKs:

Screenshots

Login Screen Main Menu Activity Details Friends View
Login Screen Main menu Activity details view Friends view

Requirements

Before you begin, you need to ensure that you have the following:

  • An active Telerik Platform account Ensure that you can log in to a Telerik Platform account. This can be a free trial account. Depending on your license you may not be able to use all app features. For more information on what is included in the different editions, check out the pricing page. All features included in the sample app work during the free trial period.

  • A compatible Microsoft Visual Studio version Visual Studio 2010 or later must be installed on your computer.

  • Windows Phone SDK 8.0 The sample app comes as a Windows Phone 8 Application project. This means that you must have the Windows Phone SDK 8.0 installed to open the project in Microsoft Visual Studio.

Configuration

The Friends sample app comes fully functional, but to see it in action you must link it to your own Telerik Platform account.

  1. Log in to the Telerik Platform portal.
  2. Create a new Hybrid or NativeScript app.
    You will only use the backend of the app.
  3. Click the Data tab and then click Enable and populate with sample data.
    Sample content types with data required for the app to run is automatically created for you. The button also enables the Users service where user accounts for the app are precreated.
  4. Click the Settings tab.
  5. Take note of your App ID.

If you happen to break the structure of the automatically generated Friends data, you can delete the app and start over.

App ID for Telerik Platform

This is a unique string that links the sample mobile app to your Telerik Platform account where all the data is read from/saved. To set it in the app code:

  1. Open the ConnectionSettings.cs file.
  2. Find the public static string TelerikAppId = "your-app-id-here"; line.
  3. Replace your-app-id-here with the App ID of your Telerik Platform app.

(Optional) Project Key for Telerik Analytics

This is a unique string that links the sample mobile app to the Analytics part of your Telerik Platform app. If you do not set this the sample will still work, but no analytics data will be collected.

  1. In the Telerik Platform portal, go to your app.
  2. Click the Analytics tab and then click Enable.
  3. Go to Analytics > Settings > Options and take note of your Project Key.
  4. Open the ConnectionSettings.cs file.
  5. Find the public static string AnalyticsProjectKey = "your-analytics-project-key-here"; line.
  6. Replace your-analytics-project-key-here with the Project Key that you acquired earlier.

(Optional) Facebook App ID

To demonstrate social login, we have pre-initialized the sample to use a purpose-built Facebook app by Telerik. However, you still need to enable Facebook integration in the Telerik Platform portal:

  1. In the Telerik Platform portal, go to your app.
  2. Navigate to Users > Authentication.
  3. Ensure that the Facebook box is checked.

Note that if you intend to use the code for a production app you need to set up your own Facebook application and adjust the Facebook app ID as follows:

  1. Open the Views/LoginPage.xaml file.
  2. Find the telerikCloud:FacebookLoginProvider tag.
  3. Replace the ClientId and ClientSecret attribute values with your Facebook app values.

(Optional) Google Client ID

To demonstrate social login, we have preinitialized the sample to use a Google Client ID owned by Telerik. However, you still need to enable Google integration in the Telerik Platform portal:

  1. In the Telerik Platform portal, go to your app.
  2. Navigate to Users > Authentication.
  3. Ensure that the Google box is checked.

Note that if you intend to use the code for a production app you need to set up your own Google Client ID and adjust the code as follows:

  1. Open the Views/LoginPage.xaml file.
  2. Find the telerikCloud:GoogleLoginProvider tag.
  3. Replace the ClientId and ClientSecret attribute values with your Google app values.

(Optional) Microsoft Account

To demonstrate social login, we have preinitialized the sample to use a Microsoft Account Client ID owned by Telerik. However, you still need to enable Microsoft Account integration in the Telerik Platform portal:

  1. In the Telerik Platform portal, go to your app.
  2. Navigate to Users > Authentication.
  3. Ensure that the Windows Live box is checked.

Note that if you intend to use the code for a production app you need to set up your own Microsoft Account Client ID and adjust the code as follows:

  1. Open the Views/LoginPage.xaml file.
  2. Find the telerikCloud:LiveIDLoginProvider tag.
  3. Replace the ClientId and ClientSecret attribute values with your Microsoft Account app values.

Running the Sample

Once the app is configured, click Run in Visual Studio to run it either on a real device or in an emulator.

Ensure that the emulator or the device that you are using has Internet connectivity when running the sample.