How to get storage id

[BaccanoMob]

When I store something with app.storage.user, a json file is created under .nicegui folder. Each json is named after the user id that is generated for that particular user (and works across tabs,etc).

I want to try storing in sqlite db instead. I tried looking up the sqlite database example but I couldn't run it for some reason and I do not have experience with Tortoise (planning to use sqlalchemy instead).

Even if I did store something via db, I don't know how to differentiate between 2 different users storage aka I don't know how to get the storage id. Like I don't know how nicegui generates UUID and assigns it the browsers. There's no documentation about it either. I looked via dev tools to see if it's visible but I couldn't find anything.Can someone guide me on how to approach this?

Thanks.

[evnchn]

Long story short: app.storage.browser['id']

---

Test script:

from nicegui import ui, app
import random

@ui.page('/')
def main_page():
    random_10digit = "".join([str(random.randint(0, 9)) for _ in range(10)])
    app.storage.user['random_10digit'] = random_10digit
    ui.label(f"Random 10-digit number: {random_10digit}")
    ui.label(f"Do you find it in /.nicegui/storage-{app.storage.browser['id']}.json ?")

ui.run(storage_secret="Hello")

[evnchn]

About the logic: It is unfair since I am contributor, so I know the inner workings, but I'll say you can ask ChatGPT about the following file and it'll be 90% there in terms of the underlying mechanism. Remaining 10% you can ask here in the discussion.

https://github.com/zauberzeug/nicegui/blob/main/nicegui/storage.py

---

Why SQLite when you can Redis? https://nicegui.io/documentation/storage#redis_storage

[BaccanoMob]

That's exactly I was looking for! Thanks for the help!!

I tried app.storage.user['id'] and got key error instead and checked dev tools then googled, and finally here. Pretty much searched how to get the id everywhere.

Why SQLite when you can Redis? https://nicegui.io/documentation/storage#redis_storage

Will check that out as well. I wanted a database because I couldn't store as cookies by clicking buttons (aka, after response app.storage.browser wont work). Also, want my project in docker, so I didn't want an extra directory for persistent data when I know I have a database already.

[evnchn]

If you want to do basic storage without involving storage on the server side, you can leverage the browser's localStorage via await ui.run_javascript to get the result (provided client connected, do await ui.context.client.connected())

There is an implementation which syncs app.storage.user with browser localStorage at: #4430 (comment) (it's written by me, so the code quality may be subpar 🤡, also there's security risk so proceed with caution 🚨)

[evnchn]

@BaccanoMob

I stand corrected: app.storage.browser['id'] is mentioned in the docs.

https://nicegui.io/documentation/storage