Return to site

Xbox Web App

broken image


Personalize your new tab with themes from:. Age of Empires II: Definitive Edition. Battletoads. Bleeding Edge. Forza Horizon 4. Gears 5. Ori and the Will of the Wisps. The Outer Worlds. Sea of Thieves. State of Decay 2. Wasteland 3. Xbox Game Pass The action doesn't stop there.

  • The all new Xbox app keeps you connected to your gaming community on your phone or tablet. Easily share game clips & screenshots, chat, and get notifications. Plus, play games from your console. Compatible with iOS version 10 or higher and Android version 6.0 or higher.
  • UWP on Xbox One supports developing both apps and games. You don't have to be part of a developer program to experiment, create, and test games or apps on Xbox. All you need is a developer account in Partner Center.
  • TVJS is a library that helps you build premium Universal Windows Platform (UWP) apps for Xbox One. TVJS includes support for automatic controller navigation, rich media playback, search, and more. You can use TVJS with your hosted web app just as easily as with a packaged web UWP app with full access to the Windows Runtime APIs.
-->

Get started building apps for the Universal Windows Platform (UWP) on Xbox One.

UWP on Xbox One supports developing both apps and games. You don't have to be part of a developer program to experiment, create, and test games or apps on Xbox. All you need is a developer account in Partner Center. When you are ready to publish and sell games on Xbox One or take advantage of Xbox Live on Windows 10, you need to join the Xbox Live Creators Program or be an ID@Xbox developer. If you plan to be an ID@Xbox developer, we recommend applying to the program first before registering for a developer account. For more info, see Developer program overview.

This section includes setup steps, a guide through the authentication process, information about installing the required versions of Visual Studio and Windows 10 tools, and the steps to build, run, and debug your first simple application.

TopicDescription
Getting startedGetting started guide for UWP on Xbox One development.
What's newHighlights new features in UWP on Xbox One.
Xbox One Developer Mode activationExplains how to enable Developer Mode on Xbox One.
Disabling Developer Mode on Xbox OneExplains how to disable Developer Mode on Xbox One.
Set up your UWP on Xbox development environmentDescribes the steps to set up and test your Xbox One development environment.
SamplesPointer to the GitHub location – TVHelpers - where you will find useful XAML and JavaScript samples to get you started developing for Xbox. Samples include a full XAML Media App template as well as automatic controller navigation, rich media playback, and search for web-based technologies.
Known issuesKnown issues with UWP on Xbox One.
FAQFrequently asked questions related to UWP on Xbox One.
ToolsDescribes the Xbox One-specific tool Dev Home, how to use the Windows Device Portal, and how to set up Visual Studio for development. This section also guides a new developer through their first Xbox UWP application and explains how to use the Fiddler tool to view network traffic.
App Dev on Xbox eventThe App Dev on Xbox event is a great starting point for developers new to building apps on Xbox. Watch the recorded sessions and read the blog posts from the event.
Designing for Xbox and TVDescribes best practices for designing an app that will be viewed on a TV and will use a controller for input.
Xbox best practicesHow to turn off mouse mode, draw to the edges of the screen, and disable scaling.
Using speech to invoke UI elementsDescribes best practices for supporting Voice Enabled Shell in UWP apps on Xbox.
System resources for UWP apps and games on Xbox OneDescribes the resources available to your application when it is running on Xbox One.
Introduction to multi-user applicationsDescribes multi-user applications (MUAs) on Xbox One.
Automating Xbox One Development tasksThe WindowsDevicePortalWrapper project on GitHub provides a library that allows you to automate common development tasks such as deploying or launching an app. The project includes a sample, XboxWdpDriver.exe, that demonstrates how to use the APIs for common tasks.
Bringing existing games to XboxBased on what technology your game is built on top of, we can direct you to step-by-step instructions that can expedite the process of bringing your game to Xbox using the UWP.
UWP features not supported on XboxDescribes UWP feature areas that are not yet fully functional on Xbox One.

Videos

The following talks on Channel 9 are a great source of information for building amazing apps on Xbox:

See also

-->

Carefully follow these steps to successfully set up your PC and Xbox One for Universal Windows Platform (UWP) development. After you've got things set up, you can learn more about Developer Mode on Xbox One and building UWP apps on the UWP for Xbox One page.

Before you start

Before you start you will need to do the following:

  • Set up a PC with the latest version of Windows 10.

Xbox Web App

  • Have at least five gigabytes of free space on your Xbox One console.

Setting up your development PC

  1. Install Visual Studio 2015 Update 3, Visual Studio 2017, or Visual Studio 2019.

    If you're installing Visual Studio 2015 Update 3, make sure that you choose Custom install and select the Universal Windows App Development Tools check box – it's not part of the default install. If you are a C++ developer, make sure that you choose Custom install and select C++.

    If you're installing Visual Studio 2017 or Visual Studio 2019, make sure that you choose the Universal Windows Platform development workload. If you're a C++ developer, in the Summary pane on the right, under Universal Windows Platform development, make sure that you select the C++ Universal Windows Platform tools checkbox. It's not part of the default install.

    For more information, see Set up your UWP on Xbox development environment.

  2. Install the latest Windows 10 SDK.

  3. Enable Developer Mode for your development PC (Settings / Update & Security / For developers / Use developer features / Developer mode).

Now that your development PC is ready, you can watch this video or continue reading to see how to set up your Xbox One for development and create and deploy a UWP app to it.

Setting up your Xbox One console

  1. Activate Developer Mode on your Xbox One. Download the app, get the activation code, and then enter it into the Manage Xbox One consoles page in your Partner Center app developer account. For more information, see Xbox One Developer Mode activation.

  2. Open the Dev Mode Activation app and select Switch and restart. Congratulations, you now have an Xbox One in Developer Mode!

Note

Your retail games and apps won't run in Developer Mode, but the apps or games you create will. Switch back to Retail Mode to run your favorite games and apps.

Note

Before you can deploy an app to your Xbox One in Developer Mode, you must have a user signed in on the console. You can either use your existing Xbox Live account or create a new account for your console in Developer Mode.

Xbox one web app

Xbox Desktop App

Creating your first project in Visual Studio

For more detailed information, see Set up your UWP on Xbox development environment.

  1. For C#: Create a new Universal Windows project, and in the Solution Explorer, right-click the project and select Properties. Select the Debug tab, change Target device to Remote Machine, type the IP address or hostname of your Xbox One console into the Remote machine field, and select Universal (Unencrypted Protocol) in the Authentication Mode drop-down list.

    You can find your Xbox One IP address by starting Dev Home on your console (the big tile on the right side of Home) and looking at the top left corner. For more information about Dev Home, see Introduction to Xbox One tools.

  2. For C++ and HTML/Javascript projects: You follow a path similar to C# projects, but in the project properties go to the Debugging tab, select Remote Machine in the Debugger to open the drop-down list, type the IP address or hostname of the console into the Machine Name field, and select Universal (Unencrypted Protocol) in the Authentication Type field.

  3. Select x64 from the dropdown to the left of the green play button in the top menu bar.

  4. When you press F5, your app will build and start to deploy on your Xbox One.

  5. The first time you do this, Visual Studio will prompt you for a PIN for your Xbox One. You can get a PIN by starting Dev Home on your Xbox One and selecting the Show Visual Studio pin button.

  6. After you have paired, your app will start to deploy. The first time you do this it might be a bit slow (we have to copy all the tools over to your Xbox), but if it takes more than a few minutes, something is probably wrong. Make sure that you have followed all of the steps above (particularly, did you set the Authentication Mode to Universal?) and that you are using a wired network connection to your Xbox One.

  7. Sit back and relax. Enjoy your first app running on the console!

Xbox Web App Installer

That's it!

Xbox Game App

See also





broken image