Skip to content

Commit e6b4542

Browse files
HarminderSethiHarminderSethi
authored
Updated core web part tutorials as per SPFx 1.18 version (SharePoint#9311)
* Updated core web part tutorials as per SPFx 1.18 version * Updated core web part tutorials as per SPFx 1.18 version
1 parent 73c26e6 commit e6b4542

File tree

3 files changed

+57
-56
lines changed

3 files changed

+57
-56
lines changed

‎docs/spfx/web-parts/get-started/build-a-hello-world-web-part.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Build your first SharePoint client-side web part (Hello World part 1)
33
description: Create a new web part project and preview it.
4-
ms.date: 02/20/2023
4+
ms.date: 11/02/2023
55
ms.localizationpriority: high
66
ms.custom: scenarios:getting-started
77
---
@@ -90,14 +90,14 @@ When you use the gulp task **serve**, by default it will launch a browser with t
9090

9191
```json
9292
{
93-
"$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
93+
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/spfx-serve.schema.json",
9494
"port": 4321,
9595
"https": true,
96-
"initialPage": "https://enter-your-SharePoint-site/_layouts/workbench.aspx"
96+
"initialPage": "https://{tenantDomain}/_layouts/workbench.aspx"
9797
}
9898
```
9999

100-
- Change the `enter-your-SharePoint-site` ___domain to the URL of your SharePoint tenant and site you want to use for testing. For example: `https://contoso.sharepoint.com/sites/devsite/_layouts/workbench.aspx`.
100+
- Change the `tenantDomain` to the URL of your SharePoint tenant. For example: `https://contoso.sharepoint.com/_layouts/workbench.aspx`.
101101

102102
> [!TIP]
103103
> You can also start the local web server without launching a browser by including the `nobrowser` argument to the **gulp serve** command. For example, you may not want to modify the **serve.json** file in all your projects and instead, use a bookmark to launch your hosted workbench.
@@ -396,10 +396,11 @@ The **HelloWorldWebPart.manifest.json** file defines the web part metadata such
396396
// https://support.office.com/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
397397
"requiresCustomScript": false,
398398
"supportedHosts": ["SharePointWebPart", "TeamsPersonalApp", "TeamsTab", "SharePointFullPage"],
399+
"supportsThemeVariants": true,
399400
400401
"preconfiguredEntries": [{
401-
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
402-
"group": { "default": "Other" },
402+
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Advanced
403+
"group": { "default": "Advanced" },
403404
"title": { "default": "HelloWorld" },
404405
"description": { "default": "HelloWorld description" },
405406
"officeFabricIconFontName": "Page",

‎docs/spfx/web-parts/get-started/hosting-webpart-from-office-365-cdn.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Host your client-side web part from Microsoft 365 CDN (Hello World part 4)
33
description: An easy solution to host your assets directly from your own Microsoft 365 tenant. Can be used for hosting any static assets that are used in SharePoint Online.
4-
ms.date: 03/24/2022
4+
ms.date: 11/02/2023
55
ms.localizationpriority: high
66
ms.custom: scenarios:getting-started
77
---
@@ -52,8 +52,8 @@ For information on enabling and configuring the Microsoft 365 CDN in your ShareP
5252
{
5353
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
5454
"solution": {
55-
"name": "mysolution-client-side-solution",
56-
"id": "ee1a495d-c7bb-499b-bd71-728aaeb79cd2",
55+
"name": "hello-world-client-side-solution",
56+
"id": "e8905bc9-2718-4bc8-aea6-03a2b5cf8e76",
5757
"version": "1.0.0.0",
5858
"includeClientSideAssets": true,
5959
"skipFeatureDeployment": true,
@@ -63,30 +63,30 @@ For information on enabling and configuring the Microsoft 365 CDN in your ShareP
6363
"websiteUrl": "",
6464
"privacyUrl": "",
6565
"termsOfUseUrl": "",
66-
"mpnId": "Undefined-1.14.0"
66+
"mpnId": "Undefined-1.18.0"
6767
},
6868
"metadata": {
69-
"shortDescription": {
70-
"default": "mysolution description"
69+
"shortDescription": {
70+
"default": "HelloWorld description"
7171
},
7272
"longDescription": {
73-
"default": "mysolution description"
73+
"default": "HelloWorld description"
7474
},
7575
"screenshotPaths": [],
7676
"videoUrl": "",
7777
"categories": []
7878
},
79-
"features": [
79+
"features": [
8080
{
81-
"title": "mysolution Feature",
82-
"description": "The feature that activates elements of the mysolution solution.",
83-
"id": "d72e47b2-d5a2-479f-9f9a-85e1e7472dee",
81+
"title": "hello-world Feature",
82+
"description": "The feature that activates elements of the hello-world solution.",
83+
"id": "45108667-812b-46ee-a8c3-7edc40b6a933",
8484
"version": "1.0.0.0"
8585
}
86-
]
86+
]
8787
},
8888
"paths": {
89-
"zippedPackage": "solution/mysolution.sppkg"
89+
"zippedPackage": "solution/hello-world.sppkg"
9090
}
9191
}
9292

‎docs/spfx/web-parts/get-started/serve-your-web-part-in-a-sharepoint-page.md

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Deploy your client-side web part to a SharePoint page (Hello World part 3)
33
description: Deploy your client-side web part to SharePoint and see it working on a modern SharePoint page.
4-
ms.date: 01/26/2023
4+
ms.date: 11/02/2023
55
ms.localizationpriority: high
66
ms.custom: scenarios:getting-started
77
---
@@ -36,44 +36,44 @@ You can also follow these steps by watching this video on the Microsoft 365 Plat
3636

3737
```json
3838
{
39-
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
40-
"solution": {
41-
"name": "mysolution-client-side-solution",
42-
"id": "ee1a495d-c7bb-499b-bd71-728aaeb79cd2",
43-
"version": "1.0.0.0",
44-
"includeClientSideAssets": true,
45-
"skipFeatureDeployment": true,
46-
"isDomainIsolated": false,
47-
"developer": {
48-
"name": "",
49-
"websiteUrl": "",
50-
"privacyUrl": "",
51-
"termsOfUseUrl": "",
52-
"mpnId": "Undefined-1.14.0"
53-
},
54-
"metadata": {
55-
"shortDescription": {
56-
"default": "mysolution description"
57-
},
58-
"longDescription": {
59-
"default": "mysolution description"
60-
},
61-
"screenshotPaths": [],
62-
"videoUrl": "",
63-
"categories": []
64-
},
39+
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
40+
"solution": {
41+
"name": "hello-world-client-side-solution",
42+
"id": "e8905bc9-2718-4bc8-aea6-03a2b5cf8e76",
43+
"version": "1.0.0.0",
44+
"includeClientSideAssets": true,
45+
"skipFeatureDeployment": true,
46+
"isDomainIsolated": false,
47+
"developer": {
48+
"name": "",
49+
"websiteUrl": "",
50+
"privacyUrl": "",
51+
"termsOfUseUrl": "",
52+
"mpnId": "Undefined-1.18.0"
53+
},
54+
"metadata": {
55+
"shortDescription": {
56+
"default": "HelloWorld description"
57+
},
58+
"longDescription": {
59+
"default": "HelloWorld description"
60+
},
61+
"screenshotPaths": [],
62+
"videoUrl": "",
63+
"categories": []
64+
},
6565
"features": [
66-
{
67-
"title": "mysolution Feature",
68-
"description": "The feature that activates elements of the mysolution solution.",
69-
"id": "d72e47b2-d5a2-479f-9f9a-85e1e7472dee",
70-
"version": "1.0.0.0"
71-
}
66+
{
67+
"title": "hello-world Feature",
68+
"description": "The feature that activates elements of the hello-world solution.",
69+
"id": "45108667-812b-46ee-a8c3-7edc40b6a933",
70+
"version": "1.0.0.0"
71+
}
7272
]
73-
},
74-
"paths": {
75-
"zippedPackage": "solution/mysolution.sppkg"
76-
}
73+
},
74+
"paths": {
75+
"zippedPackage": "solution/hello-world.sppkg"
76+
}
7777
}
7878
```
7979
1. In the console window, enter the following command to bundle your client-side solution:

0 commit comments

Comments
 (0)