From the course: SharePoint Framework for Developers: 2 Authoring and Debugging Solutions
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Debug SPFx solutions in the hosted workbench in Office365
From the course: SharePoint Framework for Developers: 2 Authoring and Debugging Solutions
Debug SPFx solutions in the hosted workbench in Office365
- [Instructor] Now you write a lot of compelling SharePoint Framework Solutions, and a lot of them will make use of SharePoint Artifacts, like REST, CSOM, Microsoft Graph, so on, so forth. So sometimes, you need to be able to run within the context of SharePoint, even for debugging. So I'd like you to focus your attention on this hosted Workbench, in launch.jsn. It says, enter-your-SharePoint-site_layouts/workbench.aspx. So it is technically possible to run your SharePoint Framework solution in debug mode, in a SharePoint site. Let me show you how. So the way this works, is you just run gulp serve --nobrowser, that just means don't run the browser, but do everything else. Now, this'll run in the background. Let's minimize that. Let's go in and open the browser, and visit one of my Office 365 sites. So let's visit the modern site. Now you can do this in either the modern site, or the classic site, but I'll show this in a modern site, and you can try doing this in a classic site…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
An introduction to the dev environment3m 33s
-
(Locked)
Create an SPFx web part4m 46s
-
(Locked)
A walk-through of an SPFx solution5m 24s
-
(Locked)
A walk-through of the SPFx web part5m 7s
-
(Locked)
Run our SPFx web part3m 29s
-
(Locked)
Debug SPFx web parts in Visual Studio Code4m 26s
-
(Locked)
Debug SPFx solutions in the browser2m 16s
-
(Locked)
Debug SPFx solutions in the hosted workbench in Office3652m 22s
-
-
-
-
-
-
-