* [Lien interne](index.md#installation)
* [Lien externe](https://sqlmodel.tiangolo.com/)
* [Lien vers une feuille de style](https://fastapi.tiangolo.com/css/styles.css)
* [Lien vers un script](https://fastapi.tiangolo.com/js/logic.js)
* [Lien vers une image](https://fastapi.tiangolo.com/img/foo.jpg)

Le texte du lien doit être traduit, l’adresse du lien doit pointer vers la traduction :

* [Lien FastAPI](https://fastapi.tiangolo.com/fr/)

<div class="termy">

```console
$ pip install websockets

---> 100%
```

</div>

## WebSockets 用戶端 { #websockets-client }

### 在生產環境 { #in-production }

在你的生產系統中，你很可能有一個使用現代框架（如 React、Vue.js 或 Angular）建立的前端。

而為了透過 WebSockets 與後端通訊，你通常會使用前端的工具。

或者你可能有一個原生行動應用，使用原生程式碼直接與 WebSocket 後端通訊。

又或者你有其他任何方式與 WebSocket 端點通訊。

---

但在這個範例中，我們會用一個非常簡單的 HTML 文件與一些 JavaScript，全都寫在一個長字串裡。

<div class="termy">

```console
$ pip install websockets

---> 100%
```

</div>

## WebSockets 客户端 { #websockets-client }

### 在生产环境中 { #in-production }

在您的生产系统中，您可能使用现代框架（如 React、Vue.js 或 Angular）创建了一个前端。

要使用 WebSockets 与后端进行通信，您可能会使用前端的工具。

或者，您可能有一个原生移动应用程序，直接使用原生代码与 WebSocket 后端通信。

或者，您可能有其他与 WebSocket 终端通信的方式。

---

但是，在本示例中，我们将使用一个非常简单的 HTML 文档，其中包含一些 JavaScript，全部放在一个长字符串中。

* [Link interno](index.md#installation)
* [Link externo](https://sqlmodel.tiangolo.com/)
* [Link para um estilo](https://fastapi.tiangolo.com/css/styles.css)
* [Link para um script](https://fastapi.tiangolo.com/js/logic.js)
* [Link para uma imagem](https://fastapi.tiangolo.com/img/foo.jpg)

O texto do link deve ser traduzido, o endereço do link deve apontar para a tradução:

* [Link do FastAPI](https://fastapi.tiangolo.com/pt/)

f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:be...

```console
$ pip install websockets

---> 100%
```

</div>

## WebSockets client { #websockets-client }

### Production'da { #in-production }

Production sisteminizde muhtemelen React, Vue.js veya Angular gibi modern bir framework ile oluşturulmuş bir frontend vardır.

WebSockets kullanarak backend'inizle iletişim kurmak için de büyük ihtimalle frontend'inizin sağladığı yardımcı araçları kullanırsınız.

連結文字應被翻譯，連結位址應保持不變：

* [連結到上方標題](#code-snippets)
* [內部連結](index.md#installation)
* [外部連結](https://sqlmodel.tiangolo.com/)
* [連結到樣式](https://fastapi.tiangolo.com/css/styles.css)
* [連結到腳本](https://fastapi.tiangolo.com/js/logic.js)
* [連結到圖片](https://fastapi.tiangolo.com/img/foo.jpg)

連結文字應被翻譯，連結位址應指向對應的翻譯版本：

* [FastAPI 連結](https://fastapi.tiangolo.com/zh-hant/)

////

//// tab | 資訊

---> 100%
```

</div>

## WebSockets client { #websockets-client }

### In production { #in-production }

In your production system, you probably have a frontend created with a modern framework like React, Vue.js or Angular.

And to communicate using WebSockets with your backend you would probably use your frontend's utilities.

---> 100%
```

</div>

## Клиент WebSockets { #websockets-client }

### В продакшн { #in-production }

В продакшн у вас, вероятно, есть фронтенд, созданный с помощью современного фреймворка вроде React, Vue.js или Angular.

И для взаимодействия с бекендом по WebSocket вы, скорее всего, будете использовать инструменты вашего фронтенда.

* [위의 제목으로 가는 링크](#code-snippets)
* [내부 링크](index.md#installation)
* [외부 링크](https://sqlmodel.tiangolo.com/)
* [스타일로 가는 링크](https://fastapi.tiangolo.com/css/styles.css)
* [스크립트로 가는 링크](https://fastapi.tiangolo.com/js/logic.js)
* [이미지로 가는 링크](https://fastapi.tiangolo.com/img/foo.jpg)

링크 텍스트는 번역되어야 하고, 링크 주소는 번역 페이지를 가리켜야 합니다:

* [FastAPI 링크](https://fastapi.tiangolo.com/ko/)

////

//// tab | 정보