Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions ASP.NET Core/Readme.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# ASP.NET Core DevExtreme Example

For more information about this example check the [Readme](../README.md).
Instructions below are specific to the ASP.NET Core example. Before you follow these instructions, start with the common steps described in this example's [README](../README.md).

## Build and Run

Expand All @@ -27,4 +27,4 @@ Client-side API basics:
* Call methods: https://js.devexpress.com/DevExtreme/Guide/jQuery_Components/Component_Configuration_Syntax/#Call_Methods
* Get instance: https://js.devexpress.com/DevExtreme/Guide/jQuery_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance

To get more help with DevExtreme, submit a ticket through the [Support Center](https://supportcenter.devexpress.com/ticket/create).
For technical support, submit a ticket to the [DevExpress Support Center](https://supportcenter.devexpress.com/ticket/create).
59 changes: 34 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,52 +1,61 @@
<!-- default badges list -->
![](https://img.shields.io/endpoint?url=https://codecentral.devexpress.com/api/v1/VersionRange/1057257433/25.1.2%2B)
[![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/T1307369)
[![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
[![](https://img.shields.io/badge/💬_Leave_Feedback-feecdd?style=flat-square)](#does-this-example-address-your-development-requirementsobjectives)
<!-- default badges end -->
# DevExtreme Examples Template
# DevExtreme Chat - Integration with Google Dialogflow

This is the repository template for creating new examples.
This repository contains code referenced in the following DevExtreme help topic: [Integrate with AI Service - Google Dialogflow](https://js.devexpress.com/Documentation/Guide/UI_Components/Chat/Integrate_with_AI_Service/#Google_Dialogflow).

![Example image](images/image-template.png)
This example integrates [Google Dialogflow](https://cloud.google.com/dialogflow/docs) into DevExtreme Chat.

Use **DevExtreme _Product_ - _Task_** template for a title.
<div align="center"><img src="./images/chat-dialogflow.png" /></div>

Describe the solved task in this section.
## How to Run the Example

Put a screenshot/gif that illustrates the result here.
Follow these instructions to run **client** applications available in this repository (jQuery, Angular, Vue, or React). To run the ASP.NET Core example, follow steps 1-3, and then refer to [ASP.NET Core Readme.md](ASP.NET%20Core/Readme.md).

Then, add implementation details (steps, code snippets, and other technical information in a free form), or add a link to an existing document with implementation details.
1. Clone the repository and navigate to the example folder.
2. Replace the placeholder in the `key.json` file with your Dialogflow API key.
3. Navigate to the `server` folder, install dependencies, and start the server:
```bash
cd server
npm install
npm run start:server
```
4. Navigate to the client folder of your preferred framework, install dependencies, and start the client application **while the server is running**:
```bash
cd <framework>
npm install
npm run start
```

## Files to Review

- **jQuery**
- [index.js](jQuery/src/index.js)
- [helper.js](jQuery/src/helper.js)
- **Angular**
- [app.component.html](Angular/src/app/app.component.html)
- [app.component.ts](Angular/src/app/app.component.ts)
- **React**
- [App.tsx](React/src/App.tsx)
- [app.service.ts](Angular/src/app/app.service.ts)
- **Vue**
- [App.vue](Vue/src/App.vue)
- [Home.vue](Vue/src/components/HomeContent.vue)
- **jQuery**
- [index.html](jQuery/src/index.html)
- [index.js](jQuery/src/index.js)
- **ASP.NET Core**
- [ChatInterface.vue](Vue/src/components/ChatInterface.vue)
- [chat.helpers.ts](Vue/src/chat.helpers.ts)
- **React**
- [ChatApp.tsx](React/src/components/ChatApp.tsx)
- [ChatService.tsx](React/src/ChatService.tsx)
- **NetCore**
- [Index.cshtml](ASP.NET%20Core/Views/Home/Index.cshtml)

## Documentation

- link
- link
- ...

## More Examples
- [Chat - Getting Started](https://js.devexpress.com/React/Documentation/Guide/UI_Components/Chat/Getting_Started_with_Chat/)
- [Integrate with AI Service - Google Dialogflow](https://js.devexpress.com/Documentation/Guide/UI_Components/Chat/Integrate_with_AI_Service/#Google_Dialogflow)
- [Chat - API](https://js.devexpress.com/React/Documentation/ApiReference/UI_Components/dxChat/)

- link
- link
- ...
<!-- feedback -->
## Does this example address your development requirements/objectives?
## Does This Example Address Your Development Requirements/Objectives?

[<img src="https://www.devexpress.com/support/examples/i/yes-button.svg"/>](https://www.devexpress.com/support/examples/survey.xml?utm_source=github&utm_campaign=devextreme-chat-google-dialogflow&~~~was_helpful=yes) [<img src="https://www.devexpress.com/support/examples/i/no-button.svg"/>](https://www.devexpress.com/support/examples/survey.xml?utm_source=github&utm_campaign=devextreme-chat-google-dialogflow&~~~was_helpful=no)

Expand Down
2 changes: 1 addition & 1 deletion Vue/src/App.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import Chat from './components/ChartInterface.vue';
import Chat from './components/ChatInterface.vue';
import 'devextreme/dist/css/dx.fluent.blue.light.css';
</script>

Expand Down
Binary file added images/chat-dialogflow.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/image-template.png
Binary file not shown.
Loading