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: articles/azure-fluid-relay/how-tos/deploy-fluid-static-web-apps.md
+7-21Lines changed: 7 additions & 21 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,10 +10,7 @@ ms.service: azure-fluid
10
10
11
11
# How to: Deploy Fluid applications using Azure Static Web Apps
12
12
13
-
This article demonstrates how to deploy Fluid apps using Azure Static Web Apps. The
14
-
[FluidHelloWorld](https://github.com/microsoft/FluidHelloWorld/tree/main-azure) repository contains a Fluid application
15
-
called **DiceRoller** that enables all connected clients to roll a dice and view the result. In this how-to, you deploy
16
-
the DiceRoller application to Azure Static Web Apps using the Visual Studio Code extension.
13
+
This article demonstrates how to deploy Fluid apps using Azure Static Web Apps. The [FluidHelloWorld](https://github.com/microsoft/FluidHelloWorld/tree/main-azure) repository contains a Fluid application called **DiceRoller** that enables all connected clients to roll a dice and view the result. In this how-to, you deploy the DiceRoller application to Azure Static Web Apps using the Visual Studio Code extension.
17
14
18
15
If you don't have an Azure subscription, [create a free trial account](https://azure.microsoft.com/free).
19
16
@@ -30,18 +27,13 @@ If you don't have an Azure subscription, [create a free trial account](https://a
30
27
31
28
## Connect to Azure Fluid Relay Service
32
29
33
-
You can connect to Azure Fluid Relay service by providing the tenant ID and key that is uniquely generated for you when
34
-
creating the Azure resource. You can build your own token provider implementation or you can use the two token provider implementations that the Fluid Framework provides:
35
-
**InsecureTokenProvider** and **AzureFunctionTokenProvider**.
30
+
You can connect to Azure Fluid Relay service by providing the tenant ID and key that is uniquely generated for you when creating the Azure resource. You can build your own token provider implementation or you can use the two token provider implementations that the Fluid Framework provides: **InsecureTokenProvider** and **AzureFunctionTokenProvider**.
36
31
37
32
To learn more about using InsecureTokenProvider for local development, see [Connecting to the service](connect-fluid-azure-service.md#connecting-to-the-service) and [Using InsecureTokenProvider for development](azure-function-token-provider.md#using-insecuretokenprovider-for-development).
38
33
39
34
### Using AzureFunctionTokenProvider
40
35
41
-
**AzureFunctionTokenProvider** is a token provider that does not expose the secret key in client-side code and can be
42
-
used in production scenarios. This token provider implementation can be used to fetch a token from an HTTPS endpoint
43
-
that is responsible for signing access tokens with the tenant key. This provides a secure way to generate the token and
44
-
pass it back to the client app.
36
+
**AzureFunctionTokenProvider** is a token provider that does not expose the secret key in client-side code and can be used in production scenarios. This token provider implementation can be used to fetch a token from an HTTPS endpoint that is responsible for signing access tokens with the tenant key. This provides a secure way to generate the token and pass it back to the client app.
In order to use this token provider, you need to deploy an HTTPS endpoint that will sign tokens, and pass the URL
64
-
to your endpoint to the AzureFunctionTokenProvider.
55
+
In order to use this token provider, you need to deploy an HTTPS endpoint that will sign tokens, and pass the URL to your endpoint to the AzureFunctionTokenProvider.
65
56
66
57
### Deploying an Azure Function using Azure Static Web apps
67
58
68
-
Azure Static Web Apps allow you to develop a full-stack web site without needing to deal with the server-side
69
-
configuration of an entire web hosting environment. You can deploy Azure Functions alongside your static website. Using
70
-
this capability, you can deploy an HTTP-triggered Azure Function that will sign tokens.
59
+
Azure Static Web Apps allow you to develop a full-stack web site without needing to deal with the server-side configuration of an entire web hosting environment. You can deploy Azure Functions alongside your static website. Using this capability, you can deploy an HTTP-triggered Azure Function that will sign tokens.
71
60
72
61
For more information about deploying Azure Function-powered APIs to your static web app see [Add an API to Azure Static Web Apps with Azure Functions](../../static-web-apps/add-api.md).
73
62
@@ -93,8 +82,7 @@ const clientProps = {
93
82
constclient=newAzureClient(config);
94
83
```
95
84
96
-
Run the `npm run build` command from the root directory to rebuild the app. This will generate a `dist` folder with the
97
-
application code that should be deployed to the Static Web app.
85
+
Run the `npm run build` command from the root directory to rebuild the app. This will generate a `dist` folder with the application code that should be deployed to the Static Web app.
1. The location of your application code, Azure Function, and build output is part of the
156
-
`azure-static-web-apps-xxx-xxx-xxx.yml` workflow file located in the `/.github/workflows` directory. This
157
-
file is automatically created when create the Static Web app. It defines a GitHub Action to build and deploy your Static Web app.
143
+
1. The location of your application code, Azure Function, and build output is part of the `azure-static-web-apps-xxx-xxx-xxx.yml` workflow file located in the `/.github/workflows` directory. This file is automatically created when create the Static Web app. It defines a GitHub Action to build and deploy your Static Web app.
0 commit comments