huseinzol05
commited on
Commit
•
1557315
1
Parent(s):
0ca4ea9
Update README.md
Browse files
README.md
CHANGED
@@ -108,6 +108,7 @@ Untuk menggunakan websocket pada React untuk mencipta pelanggan untuk menghantar
|
|
108 |
1. Mulakan dengan membuat fail baru, contohnya `WebsocketClient.js`, dan perpustakaan yang diperlukan seperti `ws` untuk Node.js, dan `axios` untuk JavaScript untuk membuat permintaan HTTP ke websocket. Pastikan anda telah mengimport perpustakaan dengan betul.
|
109 |
|
110 |
2. Dalam fail `WebsocketClient.js`, cipta kelas baru dengan nama `WebsocketClient`. Anda boleh menggunakan konstruktor dengan parameter seperti nama aplikasi dan senarai objek pesanan. Contoh:
|
|
|
111 |
|
112 |
```javascript
|
113 |
import { WebSocketClient, Client } from 'ws';
|
@@ -148,7 +149,9 @@ client.emit('message', { type: 'warning', content: 'Goodbye!'});
|
|
148 |
client.disconnect();
|
149 |
```
|
150 |
|
|
|
151 |
3. Dalam fail `WebSocketClient.js`, cipta kelas dengan nama `Client` dengan parameter seperti aplikasi dan `websocket` dari perpustakaan axios. Contoh:
|
|
|
152 |
|
153 |
```javascript
|
154 |
class Client {
|
@@ -182,6 +185,7 @@ client.emit('message', { type: 'warning', content: 'Goodbye!'});
|
|
182 |
client.disconnect();
|
183 |
```
|
184 |
|
|
|
185 |
Dalam contoh di atas, kami menggunakan konstruktor yang mengambil nama aplikasi dan websocket sebagai parameter untuk memulakan dan menggunakan fungsi `connect` untuk menghubungi websocket dengan ID sesi yang diinginkan. Kemudian, kami menggunakan fungsi `onmessage` untuk mengendalikan respons websocket dan fungsi `onclose` untuk menutup websocket. Apabila kami menghantar permintaan ke websocket, kami menggunakan kaedah `onmessage` untuk memproses respons tersebut. Apabila kami membuka websocket, kami menggunakan kaedah `onclose` untuk menutup websocket dan menggunakan kaedah `disconnect` untuk membunuhnya.
|
186 |
|
187 |
Dengan menggunakan kod di atas dan menggunakannya pada projek React anda, anda boleh mencipta websocket yang boleh menghantar dan menerima pesanan untuk aplikasi anda.<|im_end|>
|
|
|
108 |
1. Mulakan dengan membuat fail baru, contohnya `WebsocketClient.js`, dan perpustakaan yang diperlukan seperti `ws` untuk Node.js, dan `axios` untuk JavaScript untuk membuat permintaan HTTP ke websocket. Pastikan anda telah mengimport perpustakaan dengan betul.
|
109 |
|
110 |
2. Dalam fail `WebsocketClient.js`, cipta kelas baru dengan nama `WebsocketClient`. Anda boleh menggunakan konstruktor dengan parameter seperti nama aplikasi dan senarai objek pesanan. Contoh:
|
111 |
+
```
|
112 |
|
113 |
```javascript
|
114 |
import { WebSocketClient, Client } from 'ws';
|
|
|
149 |
client.disconnect();
|
150 |
```
|
151 |
|
152 |
+
```
|
153 |
3. Dalam fail `WebSocketClient.js`, cipta kelas dengan nama `Client` dengan parameter seperti aplikasi dan `websocket` dari perpustakaan axios. Contoh:
|
154 |
+
```
|
155 |
|
156 |
```javascript
|
157 |
class Client {
|
|
|
185 |
client.disconnect();
|
186 |
```
|
187 |
|
188 |
+
```
|
189 |
Dalam contoh di atas, kami menggunakan konstruktor yang mengambil nama aplikasi dan websocket sebagai parameter untuk memulakan dan menggunakan fungsi `connect` untuk menghubungi websocket dengan ID sesi yang diinginkan. Kemudian, kami menggunakan fungsi `onmessage` untuk mengendalikan respons websocket dan fungsi `onclose` untuk menutup websocket. Apabila kami menghantar permintaan ke websocket, kami menggunakan kaedah `onmessage` untuk memproses respons tersebut. Apabila kami membuka websocket, kami menggunakan kaedah `onclose` untuk menutup websocket dan menggunakan kaedah `disconnect` untuk membunuhnya.
|
190 |
|
191 |
Dengan menggunakan kod di atas dan menggunakannya pada projek React anda, anda boleh mencipta websocket yang boleh menghantar dan menerima pesanan untuk aplikasi anda.<|im_end|>
|