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
+10-8Lines changed: 10 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,21 +1,21 @@
1
1
---
2
2
layout: post
3
-
title: Azure Open AI with Blazor AI AssistView Component | Syncfusion
4
-
description: Checkout and learn about Azure Open AI with Blazor AI AssistView component in Blazor WebAssembly Application.
3
+
title: Azure OpenAI with Blazor AI AssistView Component | Syncfusion
4
+
description: Checkout and learn about Azure OpenAI with Blazor AI AssistView component in Blazor WebAssembly Application.
5
5
platform: Blazor
6
6
control: AI AssistView
7
7
documentation: ug
8
8
---
9
9
10
10
# Integrate Azure OpenAI with Blazor AI AssistView component
11
11
12
-
The AI AssistView component integrates with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) to enable advanced conversational AI features in your applications. The component acts as a user interface, where user prompts are sent to the Azure Open AI service via API calls, providing natural language understanding and context-aware responses.
12
+
The AI AssistView component integrates with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) to enable advanced conversational AI features in your applications. The component acts as a user interface, where user prompts are sent to the Azure OpenAI service via API calls, providing natural language understanding and context-aware responses.
13
13
14
14
## Prerequisites
15
15
16
16
Before starting, ensure you have the following:
17
17
18
-
***An Azure account**: with access to [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) services and a generated API key.
18
+
***An Azure account**: with access to [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) services and a generated API key.
19
19
20
20
***Syncfusion AI AssistView**: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed.
21
21
@@ -29,7 +29,7 @@ Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide
29
29
30
30
Install the required packages:
31
31
32
-
1. Install the `Open AI` and `Azure` nuget packages in the application.
32
+
1. Install the `OpenAI` and `Azure` nuget packages in the application.
33
33
34
34
```bash
35
35
@@ -49,9 +49,9 @@ Nuget\Install-Package Markdig
49
49
50
50
Note: The sample below uses HttpClient directly and does not require the Azure/OpenAI SDKs.
51
51
52
-
## Configure Azure Open AI
52
+
## Configure Azure OpenAI
53
53
54
-
1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure Open AI resource.
54
+
1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure OpenAI resource.
55
55
56
56
2. Under resource Management, select keys and endpoint to retrieve your API key and endpoint URL.
57
57
@@ -73,6 +73,8 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O
73
73
74
74
- Inject and use the service in your Razor component.
75
75
76
+
Modify the razor file to integrate the Azure OpenAI with the AI AssistView component.
77
+
76
78
{% tabs %}
77
79
{% highlight c# tabtitle="razor" %}
78
80
@@ -251,4 +253,4 @@ var deploymentName = "gpt-4o-mini";
251
253
{% endhighlight %}
252
254
{% endtabs %}
253
255
254
-

256
+

0 commit comments