Einrichten des Office 365-MandantenSet up your Office 365 tenant

Zum Erstellen und Bereitstellen von clientseitigen Webparts mithilfe von SharePoint Framework benötigen Sie einen Office 365-Mandanten.To build and deploy client-side web parts using the SharePoint Framework, you need an Office 365 tenant.

Wenn Sie bereits einen Office 365-Mandanten haben, lesen Sie den Abschnitt Erstellen der App-Katalogwebsite.If you already have an Office 365 tenant, see the section Create app catalog site.

Wenn Sie noch keinen Office 365-Mandanten haben, können Sie ein Office 365-Entwicklerabonnement erhalten, wenn Sie am Office 365-Entwicklerprogramm teilnehmen.If you don't have one, you can get an Office 365 developer subscription when you join the Office 365 Developer Program. Eine schrittweise Anleitung dazu, wie Sie am Office 365-Entwicklerprogramm teilnehmen und sich registrieren sowie Ihr Abonnement konfigurieren können, finden Sie in der Dokumentation zum Office 365-Entwicklerprogramm.See the Office 365 Developer Program documentation for step-by-step instructions about how to join the Office 365 Developer Program and sign up and configure your subscription.

Hinweis

Stellen Sie sicher, dass Sie von allen vorhandenen Office 365-Mandanten abgemeldet sind, bevor Sie sich für das Office 365 Developer-Programm anmelden.Make sure that you are signed out of any existing Office 365 tenants before you sign up for the Office 365 Developer Program.

Erstellen der App-KatalogwebsiteCreate app catalog site

Sie benötigen einen App-Katalog zum Hochladen und Bereitstellen von Webparts.You need an app catalog to upload and deploy web parts. Wenn Sie bereits einen App-Katalog eingerichtet haben, finden Sie Informationen unter Erstellen einer neuen Entwicklerwebsitesammlung.If you've already set up an app catalog, see create a new developer site collection.

Hinweis

Bei den folgenden Schritten wird vorausgesetzt, dass Sie das klassische SharePoint Admin Center verwenden.The following steps assume you are using the Classic SharePoint Admin Center. Zurzeit bietet das moderne SharePoint Admin Center keine systemeigene Unterstützung für die Erstellung eines App-Katalogs.At this time, the modern SharePoint Admin Center does not have native support for creating an App Catalog. Sie können über die linke Randleiste des SharePoint Admin Centers auf das klassische SharePoint Admin Center zugreifen.You can access the Classic SharePoint Admin Center from the left sidebar of the SharePoint Admin Center.

So erstellen Sie eine App-KatalogwebsiteTo create an app catalog site

  1. Gehen Sie zum Klassischen SharePoint Admin Center, indem Sie die folgende URL in den Browser eingeben.Go to the SharePoint Admin Center by entering the following URL in your browser. Ersetzen Sie yourtenantprefix durch das Präfix Ihres Office 365-Mandanten.Replace yourtenantprefix with your Office 365 tenant prefix.

    https://yourtenantprefix-admin.sharepoint.com
    
  2. Wählen Sie in der linken Randleiste das Menüelement Apps und dann App-Katalog aus.In the left sidebar, select the apps menu item, and then select app catalog.

  3. Wählen Sie OK aus, um eine neue App-Katalogwebsite zu erstellen.Select OK to create a new app catalog site.

  4. Geben Sie auf der nächsten Seite die folgenden Informationen ein:On the next page, enter the following details:

    • Titel: Geben Sie App-Katalog ein.Title: Enter app catalog.
    • Websiteadressen -Suffix: Geben Sie Ihren bevorzugten Suffix für den App-Katalog ein. Beispiel: Apps.Web Site Address suffix: Enter your preferred suffix for the app catalog; for example: apps.
    • Administrator: Geben Sie Ihren Benutzernamen ein, und wählen Sie die Schaltfläche Auflösen aus, um den Benutzernamen aufzulösen.Administrator: Enter your username, and then select the resolve button to resolve the username.
  5. Wählen Sie OK aus, um die App-Katalogwebsite zu erstellen.Select OK to create the app catalog site.

SharePoint erstellt die App-Katalogwebsite. Den Fortschritt können Sie im SharePoint Admin Center ablesen.SharePoint creates the app catalog site, and you are able to see its progress in the SharePoint admin center.

Erstellen einer neuen EntwicklerwebsitesammlungCreate a new developer site collection

Sie benötigen ferner eine Websitesammlung und eine Website zum Testen.You also need a site collection and a site for your testing. Sie können eine neue Websitesammlung mit jeder der verfügbaren Vorlagen erstellen.You can create a new site collection by using any of the available templates. Sie können die Entwicklerwebsitesammlung verwenden, dies hat aber nicht wirklich einen Mehrwert, da Workbench- und Basistests mit einer beliebigen Website ausgeführt werden können.You may choose to use developer site collection, but that does not really add additional value because workbench and basic testing can be performed under any site.

Hinweis

Sie können nur eine "Entwicklerwebsitesammlung" erstellen, eine spezielle Websitevorlage, die beim Erstellen und Testen von SharePoint-Add-Ins im klassischen SharePoint Admin Center verwendet wird.You can only create a "developer site collection", a special site template used when creating & testing SharePoint add-ins from the Classic SharePoint Admin Center. Wenn Sie das moderne SharePoint Admin Center verwenden, können Sie eine Teamwebsite erstellen und diese für Entwicklungszwecke verwenden.If you are using the Modern SharePoint Admin Center, you can create a Team Site and use it for development purposes. Sie können jede beliebige SharePoint-Website für die SharePoint-Framework-Entwicklung verwenden.Notice that technically you can use any SharePoint site for SharePoint Framework development.

So erstellen Sie eine neue EntwicklerwebsitesammlungTo create a new developer site collection

  1. Gehen Sie zum Klassischen SharePoint Admin Center, indem Sie die folgende URL in den Browser eingeben.Go to the SharePoint Admin Center by entering the following URL in your browser. Ersetzen Sie yourtenantprefix durch das Präfix Ihres Office 365-Mandanten.Replace yourtenantprefix with your Office 365 tenant prefix.

    https://yourtenantprefix-admin.sharepoint.com
    
  2. Wählen Sie im SharePoint-Menüband Neu > Private Websitesammlung aus.On the SharePoint ribbon, select New > Private Site Collection.

  3. Geben Sie in das Dialogfeld die folgenden Informationen ein:In the dialog box, enter the following details:

    • Titel: Geben Sie einen Titel für Ihre Entwicklerwebsitesammlung ein. Beispiel: Entwicklerwebsite.Title: Enter a title for your developer site collection; for example: Developer Site.
    • Websiteadressen -Suffix: Geben Sie einen Suffix für Ihre Entwicklerwebsitesammlung ein. Beispiel: DevWeb Site Address suffix: Enter a suffix for your developer site collection; for example: dev.
    • Vorlagenauswahl: Wählen Sie Entwicklerwebsite als die Vorlage für die Websitesammlung aus.Template Selection: Select Developer Site as the site collection template.
    • Administrator: Geben Sie Ihren Benutzernamen ein, und wählen Sie die Schaltfläche Auflösen aus, um den Benutzernamen aufzulösen.Administrator: Enter your username, and then select the resolve button to resolve the username.
  4. Klicken Sie auf OK, um die Websitesammlung zu erstellen.Select OK to create the site collection.

SharePoint erstellt die Entwicklerwebsite. Den Fortschritt können Sie im SharePoint Admin Center ablesen.SharePoint creates the developer site and you are able to see its progress in the SharePoint admin center. Nachdem die Website erstellt wurde, können Sie zu Ihrer Entwicklerwebsitesammlung wechseln.After the site is created, you can browse to your developer site collection.

Erstellen einer neuen TeamwebsiteTo create a classic team site:

  1. Wechseln Sie zum SharePoint Admin Center, indem Sie die folgende URL in den Browser eingeben.Go to the SharePoint Admin Center by entering the following URL in your browser. Ersetzen Sie yourtenantprefix durch das Präfix Ihres Office 365-Mandanten.Replace yourtenantprefix with your Office 365 tenant prefix.

    https://yourtenantprefix-admin.sharepoint.com/_layouts/15/online/AdminHome.aspx
    
  2. Wählen Sie in der linken Randleiste Websites > aktive Websites aus.In the left sidebar, select Sites > Active Sites.

  3. Klicken Sie in der Symbolleiste auf Erstellen.In the toolbar, select Create.

  4. Wählen Sie im Dialogfeld Website erstellen die Option Teamwebsite aus.In the Create a site dialog, select Team site.

  5. Geben Sie in dem daraufhin angezeigten Bereich die folgenden Informationen ein:In the panel that appears, enter the following details:

    • Webstiename: Geben Sie einen Titel für Ihre Website ein, z. B. Entwicklerwebsite.Title: Enter a title for your developer site collection; for example: Developer Site.
    • E-Mail-Adresse der Gruppe: Übernehmen Sie die Standardoption, oder ändern Sie sie.Group email address: Accept the default option or modify it.
    • Gruppenbesitzer: Geben Sie den Namen oder die E-Mail-Adresse des Websitebesitzers an.Group owner: Specify the name / email address of the site owner.
    • Sprache auswählen: Übernehmen Sie die Standardsprache oder wählen sie eine andere aus.Select a language: Accept the default language or modify it.
  6. Klicken Sie auf Weiter, um die Websitesammlung zu erstellen.Select OK to create the site collection.

Die Website wird nun von SharePoint erstellt.SharePoint creates the site. Nachdem sie erstellt wurde, können Sie zu Ihrer neuen Website wechseln.After the site is created, you can browse to your developer site collection.

SharePoint WorkbenchSharePoint Workbench

SharePoint Workbench ist eine Designoberfläche für Entwickler, mit der Sie schnell Webpart-Tests durchführen und eine Webpart-Vorschau anzeigen können, und zwar ohne die Webparts in SharePoint bereitstellen zu müssen.SharePoint Workbench is a developer design surface that enables you to quickly preview and test web parts without deploying them in SharePoint. Die SharePoint Framework Developer-Toolkette enthält eine Version der Workbench, die lokal ausgeführt wird und Ihnen hilft, erstellte Lösungen schnell zu testen und zu überprüfen.SharePoint Framework developer toolchain contains a version of the Workbench that works locally and helps you quickly test and validate solutions that you are building.

Sie wird auch in Ihrem Mandanten gehostet, um während der Entwicklung lokaler Webparts eine Webpart-Vorschau anzuzeigen und Tests durchzuführen.It is also hosted in your tenant to preview and test your local web parts in development. Unter der folgenden URL können Sie auf die SharePoint Workbench von jeder SharePoint-Website in Ihrem Mandanten aus zugreifen:You can access the SharePoint Workbench from any SharePoint site in your tenancy by browsing to the following URL:

https://your-sharepoint-site/_layouts/workbench.aspx

Nächste SchritteNext steps

Da Sie jetzt Ihren SharePoint-Mandanten konfiguriert, richten Sie Ihre Entwicklungsumgebung ein, um clientseitige Webparts zu erstellen.Now that you have configured your SharePoint tenant, set up your development environment to build client-side web parts.