Skip to content

Commit eb5eedb

Browse files
committed
Doc polishing
1 parent 8264736 commit eb5eedb

File tree

2 files changed

+9
-4
lines changed

2 files changed

+9
-4
lines changed

docs/spfx/extensions/get-started/build-a-hello-world-extension.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,8 @@ Notice that base class for the Application Customizer is imported from the **sp-
7272

7373
![import statement for BaseApplicationCustomizer from @microsoft/sp-application-base](../../../../images/ext-app-vscode-app-base.png)
7474

75-
The logic for your Application Customizer is contained in the two methods onInit and onRender.
75+
The logic for your Application Customizer is contained in the two methods onInit and onRender.
76+
7677
- **onInit()** is where you should perform any setup needed for your extension. This event occurs after this.context and this.properties are assigned, but before the page DOM is ready. Like with web parts, onInit() returns a promise that you can use to perform asynchronous operations; onRender() will not be called until your promise has resolved. If you don’t need that, simply return super.onInit().
7778
- **onRender()** is where your extension can interact with the UI. This event occurs after the application’s initial page DOM structure has been created (although some parts of the UI may not have finished rendering yet).
7879

@@ -104,8 +105,11 @@ To test your extension, navigate to a modern list view page in your SharePoint e
104105
?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"d03ae0c2-bbbf-4cf5-9ff7-0986904553da":{"___location":"ClientSideExtension.ApplicationCustomizer","properties":{"testMessage":"Hello as property!"}}}
105106
```
106107
More detail about the URL query parameters:
108+
107109
* **loadSPFX=true:** ensures that the SharePoint Framework is loaded on the page. For performance reasons, the framework normally is not loaded unless at least one extension is registered. Since no components are registered yet, we must explicitly load the framework.
110+
108111
* **debugManifestsFile:** specifies that we want to load SPFx components that are being locally served. Normally the loader only looks for components in the App Catalog (for your deployed solution) and the SharePoint manifest server (for the system libraries).
112+
109113
* **customActions:** this URL query parameter simulates a custom action. When we actually deploy and register this component in a site later in this lab, we’ll create this CustomAction object for real and describe all the different properties you can set on it.
110114
* **Key:** use the Guid of the extension as the key to associate with the custom action
111115
* **Location:** the type of custom action, use "ClientSideExtension.ApplicationCustomizer" for the Application Customizer extension

docs/spfx/extensions/get-started/hosting-extension-from-office365-cdn.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -60,8 +60,10 @@ Move to previously created solution to perform needed URL updates.
6060
code .
6161
```
6262
Update the *write-manifests.json* file (under *config* folder) as follow to point to your CDN endpoint.
63-
- You will need to use the publiccdn.sharepointonline.com as the prefix and then extend the URL with the actual path in your tenant
63+
64+
* You will need to use the publiccdn.sharepointonline.com as the prefix and then extend the URL with the actual path in your tenant
6465
* Format of the CDN URL is as follows
66+
6567
```
6668
https://publiccdn.sharepointonline.com/<tenant host name>/sites/site/library/folder
6769
```
@@ -87,9 +89,8 @@ This command will create a **app-extension.sppkg** package on the **sharepoint/s
8789

8890
Upload or drag & drop the newly created client-side solution package to the app catalog in your tenant.
8991

90-
UPDUPAUPETPE
9192
![](../../../../images/ext-app-approve-cdn-address.png)
9293

93-
Install new version of the solution to your site and ensure that it's working properly.
94+
Install new version of the solution to your site and ensure that it's working properly without your locahost hosting the JavaScript file.
9495

9596
![Custom header and footer elements rendered in the page](../../../../images/ext-app-header-footer-visible.png)

0 commit comments

Comments
 (0)