FastAPI WebSockets can calling a custom event from javascript function... #6455

NullXeronier · 2021-12-02T01:40:57Z

NullXeronier
Dec 2, 2021

First Check

I added a very descriptive title to this issue.
I used the GitHub search to find a similar issue and didn't find it.
I searched the FastAPI documentation, with the integrated search.
I already searched in Google "How to X in FastAPI" and didn't find any information.
I already read and followed all the tutorial in the docs and didn't find an answer.
I already checked if it is not related to FastAPI but to Pydantic.
I already checked if it is not related to FastAPI but to Swagger UI.
I already checked if it is not related to FastAPI but to ReDoc.

Commit to Help

I commit to help with one of those options 👆

Example Code

from fastapi import FastAPI, WebSocket
from fastapi.responses import HTMLResponse

app = FastAPI()
html = """
<!DOCTYPE html>
<html>
    <head>
        <title>Chat</title>
    </head>
    <body>
        <script>
            function somecomputation(some jsons){some operation; return data}
            function somecomputation2(some json1, json2){some operation; return data}
            
            var ws = new WebSocket("ws://localhost:8000/ws");
            ws.onmessage = function(event) {
                var messages = (1) 
                var message = (2)
                var content = (3)
            };
            function sendMessage(event) {
                var input = (4)
                ws.send(input.value)
                input.value = ''
                event.preventDefault()
            }
        </script>
    </body>
</html>
"""
@app.get("/")
async def get():
    return HTMLResponse(html)

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
    await websocket.accept()
    while True:
        data = await websocket.receive_text()
        await websocket.send_text(f"Message text was: {data}")

@app.get("/upload_file")
    # get file and just response to requester

async def after_main_response():
    some_long_computation3(data_recv)

async def some_long_computation3(data_recv):
    # invoking somecomputation, somecomputation2 functions in above.
    # doing some long computation like Machine Learning tasks...
    # fastapi send post result file to url defined server.
    return done

Description

Interaction between JS and FASTAPI Question

How to Invoke js function async in Fastapi ?
Can Able to use after_response function ?

Operating System

Linux

Operating System Details

Ubuntu 20.04 | RAM 180GB | Storage 1TB | Xeon 16 core CPU

FastAPI Version

0.70.0

Python Version

3.8.10

Additional Context

No response

NullXeronier · 2021-12-03T12:14:53Z

NullXeronier
Dec 3, 2021
Author

Q1 : using websocket.
Q2 : referenced : #3882

0 replies

NullXeronier · 2022-01-31T10:28:16Z

NullXeronier
Jan 31, 2022
Author

[Solved] - Websocket ...

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

FastAPI WebSockets can calling a custom event from javascript function... #6455

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

FastAPI WebSockets can calling a custom event from javascript function... #6455

Uh oh!

Uh oh!

NullXeronier Dec 2, 2021

First Check

Commit to Help

Example Code

Description

Interaction between JS and FASTAPI Question

Operating System

Operating System Details

FastAPI Version

Python Version

Additional Context

Replies: 2 comments

Uh oh!

NullXeronier Dec 3, 2021 Author

Uh oh!

NullXeronier Jan 31, 2022 Author

NullXeronier
Dec 2, 2021

NullXeronier
Dec 3, 2021
Author

NullXeronier
Jan 31, 2022
Author