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/gemini-integration.md
+10-20Lines changed: 10 additions & 20 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,45 +9,35 @@ documentation: ug
9
9
10
10
# Integrate Gemini AI With Blazor AI AssistView component
11
11
12
-
The AI AssistView component integrates seamlessly with Google’s [Gemini](https://ai.google.dev/gemini-api/docs/quickstart) API to enable conversational interfaces. It supports natural language understanding, maintains context across interactions, and delivers relevant responses. To activate these capabilities, configure the component with proper authentication and secure data handling for smooth communication with the Gemini API.
12
+
The AI AssistView component integrates with Google’s [Gemini](https://ai.google.dev/gemini-api/docs/quickstart) API to deliver intelligent conversational interfaces. It leverages advanced natural language understanding to interpret user input, maintain context throughout interactions, and provide accurate, relevant responses. By configuring secure authentication and data handling, developers can unlock powerful AI-driven communication features that elevate user engagement and streamline support experiences.
13
13
14
14
## Prerequisites
15
15
16
16
Before starting, ensure you have the following:
17
17
18
-
* Google Account: For generating a Gemini API key.
18
+
***Google Account**: For generating a Gemini API key.
19
19
20
-
* Syncfusion AI AssistView: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed.
20
+
***Syncfusion AI AssistView**: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed.
21
21
22
22
*[Markdig](https://www.nuget.org/packages/Markdig) package: For parsing Markdown responses.
23
23
24
24
## Set Up the AI AssistView Component
25
25
26
-
Follow the Syncfusion AI AssistView Getting Started guide to configure and render the AI AssistView component in the application and that prerequisites are met:
27
-
28
-
[Blazor Getting Started Guide](../getting-started)
26
+
Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.
2. Install the `Gemini AI` nuget package in the application.
32
+
1. Install the `Gemini AI` nuget package in the application.
43
33
44
34
```bash
45
35
46
36
Nuget\Install-Package Mscc.GenerativeAI
47
37
48
38
```
49
39
50
-
3. Install the `Markdig` nuget packages in the application.
40
+
2. Install the `Markdig` nuget packages in the application.
51
41
52
42
```bash
53
43
@@ -57,13 +47,13 @@ Nuget\Install-Package Markdig
57
47
58
48
## Generate API Key
59
49
60
-
1. Access Google AI Studio: Instructs users to sign into [Google AI Studio](https://aistudio.google.com/app/apikey) with a Google account or create a new account if needed.
50
+
1.**Access Google AI Studio**: Instructs users to sign into [Google AI Studio](https://aistudio.google.com/app/apikey) with a Google account or create a new account if needed.
61
51
62
-
2. Navigate to API Key Creation: Go to the `Get API Key` option in the left-hand menu or top-right corner of the dashboard. Click the `Create API Key` button.
52
+
2.**Navigate to API Key Creation**: Go to the `Get API Key` option in the left-hand menu or top-right corner of the dashboard. Click the `Create API Key` button.
63
53
64
-
3. Project Selection: Choose an existing Google Cloud project or create a new one.
54
+
3.**Project Selection**: Choose an existing Google Cloud project or create a new one.
65
55
66
-
4. API Key Generation: After project selection, the API key is generated. Users are instructed to copy and store the key securely, as it is shown only once.
56
+
4.**API Key Generation**: After project selection, the API key is generated. Users are instructed to copy and store the key securely, as it is shown only once.
67
57
68
58
> Security note: Advises against committing the API key to version control and recommends using environment variables or a secret manager in production.
Copy file name to clipboardExpand all lines: blazor/ai-assistview/ai-integrations/openai-integration.md
+6-16Lines changed: 6 additions & 16 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,36 +9,26 @@ documentation: ug
9
9
10
10
# Integrate Azure OpenAI with Blazor AI AssistView component
11
11
12
-
The AI AssistView component integrates seamlessly 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 for a support bot, 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 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.
13
13
14
14
## Prerequisites
15
15
Before starting, ensure you have the following:
16
16
17
-
* 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.
17
+
***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
18
19
-
* Syncfusion AI AssistView: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed.
19
+
***Syncfusion AI AssistView**: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed.
20
20
21
21
*[Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code).
22
22
23
23
## Set Up the AI AssistView Component
24
24
25
-
Follow the Syncfusion AI AssistView Getting Started guide to configure and render the AI AssistView component in the application and that prerequisites are met:
26
-
27
-
[Blazor Getting Started Guide](../getting-started)
25
+
Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.
0 commit comments