You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/spfx/extensions/get-started/build-a-hello-world-extension.md
+11-14Lines changed: 11 additions & 14 deletions
Original file line number
Diff line number
Diff line change
@@ -39,10 +39,9 @@ You can also follow the steps in this article by watching the video on the Share
39
39
1. When prompted, enter the following values (*select the default option for all prompts omitted below*):
40
40
41
41
- **What is your solution name?**: app-extension
42
-
- **Which baseline packages do you want to target for your component(s)?** SharePoint Online only (latest)
43
42
- **Which type of client-side component to create?**: Extension
43
+
- **Which type of client-side extension to create?**: Application Customizer
44
44
- **What is your Application Customizer name?** HelloWorld
45
-
- **What is your Application Customizer description?** HelloWorld description
46
45
47
46
> [!NOTE]
48
47
> If you use a name for the extension that is too long, you might encounter issues. The entries provided are used to generate an alias entry for the Application Customizer manifest JSON file. If the alias is longer than 40 characters, you get an exception when you try to serve the extension by using **gulp serve --nobrowser**. You can resolve this by updating the alias entry afterward.
@@ -92,7 +91,6 @@ Open the **./src/extensions/helloWorld/HelloWorldApplicationCustomizer.ts** file
92
91
Notice that base class for the Application Customizer is imported from the **\@microsoft/sp-application-base** package, which contains SharePoint framework code required by the Application Customizer.
93
92
94
93
```typescript
95
-
import { override } from '@microsoft/decorators';
96
94
import { Log } from '@microsoft/sp-core-library';
97
95
import {
98
96
BaseApplicationCustomizer
@@ -108,19 +106,18 @@ The logic for your Application Customizer is contained in the `onInit()` method,
108
106
The following are the contents of `onInit()` in the default solution. This default solution writes a log to the Dev Dashboard, and then displays a simple JavaScript alert when the page renders.
Dialog.alert(`Hello from ${strings.Title}:\n\n${message}`);
117
+
Dialog.alert(`Hello from ${strings.Title}:\n\n${message}`);
121
118
122
-
returnPromise.resolve();
123
-
}
119
+
returnPromise.resolve();
120
+
}
124
121
```
125
122
126
123
> [!NOTE]
@@ -130,7 +127,7 @@ If your Application Customizer uses the `ClientSideComponentProperties` JSON inp
130
127
131
128
## Debug your Application Customizer
132
129
133
-
You can't use the local Workbench to test SharePoint Framework Extensions. You need to test them against a live SharePoint Online site. However, you don't have to deploy your customization to the app catalog to test the solution, which makes the debugging experience simple and efficient.
130
+
You can't use the SharePoint Workbench to test SharePoint Framework Extensions. You need to test them against a live SharePoint Online site. However, you don't have to deploy your customization to the app catalog to test the solution, which makes the debugging experience simple and efficient.
0 commit comments