|
250 | 250 | <li id="list-heading"><a href="/notes" data-filter="all">Notes</a></li>
|
251 | 251 | <div class="subtree">
|
252 | 252 |
|
| 253 | + |
| 254 | + |
| 255 | + |
| 256 | + |
| 257 | + |
| 258 | + |
| 259 | + <li> |
| 260 | + <i data-feather="plus-circle"></i><a class=" list-link" href="/notes/physics/"> Physics</a> |
| 261 | + |
| 262 | + <ul class=""> |
| 263 | + |
| 264 | + |
| 265 | + |
| 266 | + |
| 267 | + |
| 268 | + |
| 269 | + |
| 270 | + <li><a class=" list-link" href="/notes/physics/electromagnetism/" title="Electromagnetism">Electromagnetism</a></li> |
| 271 | + |
| 272 | + |
| 273 | + |
| 274 | + </ul> |
| 275 | + </li> |
| 276 | + |
| 277 | + |
| 278 | + |
| 279 | + |
| 280 | + |
| 281 | + |
| 282 | + |
| 283 | + |
| 284 | + <li> |
| 285 | + <i data-feather="plus-circle"></i><a class=" list-link" href="/notes/python/"> Python</a> |
| 286 | + |
| 287 | + <ul class=""> |
| 288 | + |
| 289 | + |
| 290 | + |
| 291 | + |
| 292 | + |
| 293 | + |
| 294 | + |
| 295 | + <li><a class=" list-link" href="/notes/python/web/" title="WebSocket">WebSocket</a></li> |
| 296 | + |
| 297 | + |
| 298 | + |
| 299 | + </ul> |
| 300 | + </li> |
| 301 | + |
| 302 | + |
253 | 303 |
|
254 | 304 | </div>
|
255 | 305 | </ul>
|
|
267 | 317 |
|
268 | 318 |
|
269 | 319 |
|
| 320 | + <!-- A Sample Program --> |
| 321 | +<p><div class="note-card "> |
| 322 | + <div class="item"> |
| 323 | + <h5 class="note-title"><span>Maxwell Equation (Integral)</span></h5> |
270 | 324 |
|
| 325 | + <div class="card"> |
| 326 | + <div class="card-body">$$\delta + 5 $$</div> |
| 327 | + </div> |
| 328 | + |
| 329 | + </div> |
| 330 | +</div> |
| 331 | + |
| 332 | +x</p> |
| 333 | + |
271 | 334 |
|
272 | 335 |
|
273 | 336 |
|
| 337 | + <!-- A Sample Program --> |
| 338 | +<div class="note-card "> |
| 339 | + <div class="item"> |
| 340 | + <h5 class="note-title"><span>Connect to a Websocket</span></h5> |
| 341 | + |
| 342 | + <div class="card"> |
| 343 | + <div class="card-body"><p>A sample <strong>python</strong> program is show here.</p> |
| 344 | +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span><span style="color:#f92672">import</span> websocket |
| 345 | +</span></span><span style="display:flex;"><span> |
| 346 | +</span></span><span style="display:flex;"><span> |
| 347 | +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">on_message</span>(ws, message): |
| 348 | +</span></span><span style="display:flex;"><span> print(message) |
| 349 | +</span></span><span style="display:flex;"><span> |
| 350 | +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">on_error</span>(ws, error): |
| 351 | +</span></span><span style="display:flex;"><span> print(<span style="color:#e6db74">f</span><span style="color:#e6db74">"Encountered error: </span><span style="color:#e6db74">{</span>error<span style="color:#e6db74">}</span><span style="color:#e6db74">"</span>) |
| 352 | +</span></span><span style="display:flex;"><span> |
| 353 | +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">on_close</span>(ws, close_status_code, close_msg): |
| 354 | +</span></span><span style="display:flex;"><span> print(<span style="color:#e6db74">"Connection closed"</span>) |
| 355 | +</span></span><span style="display:flex;"><span> |
| 356 | +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">on_open</span>(ws): |
| 357 | +</span></span><span style="display:flex;"><span> print(<span style="color:#e6db74">"Connection opened"</span>) |
| 358 | +</span></span><span style="display:flex;"><span> ws<span style="color:#f92672">.</span>send(<span style="color:#e6db74">"Hello, Worldy!"</span>) |
| 359 | +</span></span><span style="display:flex;"><span> |
| 360 | +</span></span><span style="display:flex;"><span><span style="color:#66d9ef">if</span> __name__ <span style="color:#f92672">==</span> <span style="color:#e6db74">"__main__"</span>: |
| 361 | +</span></span><span style="display:flex;"><span> ws <span style="color:#f92672">=</span> websocket<span style="color:#f92672">.</span>WebSocketApp(<span style="color:#e6db74">"ws://localhost:xxxx"</span>, <span style="color:#75715e"># insert here you websocket addres</span> |
| 362 | +</span></span><span style="display:flex;"><span> on_message<span style="color:#f92672">=</span>on_message, |
| 363 | +</span></span><span style="display:flex;"><span> on_error<span style="color:#f92672">=</span>on_error, |
| 364 | +</span></span><span style="display:flex;"><span> on_close<span style="color:#f92672">=</span>on_close) |
| 365 | +</span></span><span style="display:flex;"><span> ws<span style="color:#f92672">.</span>on_open <span style="color:#f92672">=</span> on_open |
| 366 | +</span></span><span style="display:flex;"><span> ws<span style="color:#f92672">.</span>run_forever() |
| 367 | +</span></span></code></pre></div><p>Run the program as below:</p> |
| 368 | +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>$ python websocket_example.py |
| 369 | +</span></span></code></pre></div></div> |
| 370 | + </div> |
274 | 371 |
|
| 372 | + </div> |
| 373 | +</div> |
| 374 | + |
| 375 | +<!-- Declaring Variables |
| 376 | +
|
| 377 | +<div class="note-card "> |
| 378 | + <div class="item"> |
| 379 | + <h5 class="note-title"><span>Variables</span></h5> |
| 380 | + |
| 381 | + <div class="card"> |
| 382 | + <div class="card-body"><p><strong>Normal Declaration:</strong></p> |
| 383 | +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">msg</span> <span style="color:#66d9ef">string</span> |
| 384 | +</span></span><span style="display:flex;"><span><span style="color:#a6e22e">msg</span> = <span style="color:#e6db74">"Hello"</span> |
| 385 | +</span></span></code></pre></div></div> |
| 386 | + </div> |
| 387 | + |
| 388 | + <div class="card"> |
| 389 | + <div class="card-body"><p><strong>Shortcut:</strong></p> |
| 390 | +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#a6e22e">msg</span> <span style="color:#f92672">:=</span> <span style="color:#e6db74">"Hello"</span> |
| 391 | +</span></span></code></pre></div></div> |
| 392 | + </div> |
| 393 | + |
| 394 | + </div> |
| 395 | +</div> |
| 396 | +
|
| 397 | +
|
| 398 | +
|
| 399 | +<!-- Declaring Constants --> |
| 400 | +<!-- <div class="note-card "> |
| 401 | + <div class="item"> |
| 402 | + <h5 class="note-title"><span>Constants</span></h5> |
| 403 | + |
| 404 | + <div class="card"> |
| 405 | + <div class="card-body"><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">Phi</span> = <span style="color:#ae81ff">1.618</span> |
| 406 | +</span></span></code></pre></div></div> |
| 407 | + </div> |
| 408 | + |
| 409 | + </div> |
| 410 | +</div> |
| 411 | + --> --> |
275 | 412 |
|
276 | 413 |
|
277 | 414 |
|
|
0 commit comments