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: blazor/ai-assistview/ai-integrations/openai-integration.md
+1-14Lines changed: 1 addition & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,14 +13,11 @@ The Syncfusion AI AssistView supports integration with [Azure Open AI](https://m
13
13
14
14
## Prerequisites
15
15
16
-
- OpenAI account and an API key to access the OpenAI API
17
-
18
16
- An Azure account with access to `Azure Open AI` services and a generated API key.
19
17
- Syncfusion AI AssistView for Blazor `Syncfusion.Blazor.InteractiveChat` installed in the project
20
18
21
19
## Getting Started with the AI AssistView Component
22
20
23
-
Before integrating OpenAI, ensure the Syncfusion AI AssistView component renders correctly in the application:
24
21
Before integrating Azure OpenAI, ensure the Syncfusion AI AssistView component renders correctly in the application:
25
22
26
23
[Blazor Getting Started Guide](../getting-started)
@@ -48,14 +45,6 @@ Nuget\Install-Package Markdig
48
45
49
46
Note: The sample below uses HttpClient directly and does not require the Azure/OpenAI SDKs.
50
47
51
-
1. Go to [Open AI](https://platform.openai.com/docs/overview) and sign in. Create an account if one does not exist.
52
-
53
-
2. Once signed in, open the profile menu and select API Keys.
54
-
55
-
3. Select + `Create new secret key`, optionally provide a name, and confirm to generate the key.
56
-
57
-
4. Copy the key and store it securely; it is shown only once.
58
-
59
48
## Configure Azure Open AI
60
49
61
50
1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure Open AI resource.
@@ -68,8 +57,6 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O
68
57
69
58
> `Security Note`: expose your API key in client-side code for production applications. Use a server-side proxy or environment variables to manage sensitive information securely.
70
59
71
-
- Add the generated API key to the variable used in the example below
72
-
73
60
## Integration Azure OpenAI with AI AssistView
74
61
75
62
- Configure your Azure OpenAI endpoint, API key, and deployment name in your Program.cs (or using your preferred configuration mechanism).
@@ -253,4 +240,4 @@ var deploymentName = "gpt-4o-mini";
253
240
{% endhighlight %}
254
241
{% endtabs %}
255
242
256
-

243
+

0 commit comments