WebCloud

Realtime fails to connect/reconnect

Mar 31, 2026, 11:00Last activity 5 months ago

View on Discord

Votes

Replies

Participants

Messages

Trevor ArapuOriginal post

Rank 3: Container

Mar 31, 2026, 10:39

I have been having trouble with my appwrite realtime connection for a few days now. Before the code that was working fine now is giving failed to connect errors

Summary

User experienced connection issues with their Realtime feature. After troubleshooting by updating the appwrite SDK and channel structure, adding vercel as a platform identifier fixed the issue in both dev and prod environments. The real-time feature started working properly after applying these changes. However, later on, user encountered errors in production after adding wildcard(*) to platforms. By revisiting the documentation, modifying code to fit SDK updates, and not solely relying on real-time, user resolved the issue. The team confirmed that the WebSocket issue was due to an origin problem. The user thanked everyone for their assistance and emphasized the importance of thorough documentation review and immediate user feedback implementation

Trevor Arapu

Rank 3: Container

Mar 31, 2026, 10:41

this is the network tab

Trevor Arapu

Rank 3: Container

Mar 31, 2026, 10:43

each socket name/header

Trevor Arapu

Rank 3: Container

Mar 31, 2026, 10:44

messages

Trevor Arapu

Rank 3: Container

Mar 31, 2026, 10:45

After the initial data has been fetched, This is the setup 'import { defineStore } from 'pinia'

export const useRealtime = defineStore('realtime', {
state: () => ({
subscription: null,
started: false
}),

actions: {
    async startWatch() {
        if (this.started) return

        const { realTime, Query } = useAppwrite()
        const forNotifications = useNotifications()
        // more stores here...

        const forUserCreds = useUserCreds()
        const forUserCredsId = computed(() => forUserCreds.mdV4UserId)
        const config = useRuntimeConfig().public

        const channels = [
            `databases.${config.APPWRITE_DB_ID}.tables.${config.APPWRITE_USERNOTIFICATIONS_COLL}.rows`,
            // more channels here...
        ]

        this.subscription = await realTime.subscribe(channels, (res) => {
            const row = res.payload
            if (!row) return

            const id = row.$id
            const eventsVals = Object.values(res.events)

            // NOTIFICATIONS
            if (forNotifications.handles(row)) {
                forNotifications.applyRealtime(id, row, eventsVals)
            }

            // more handlers here...

        }, [
            Query.or([
                Query.equal('userId', forUserCredsId.value),
                Query.equal('$id', forUserCredsId.value)
            ])
        ])

        this.started = true
    },

    endWatch() {
        if (this.subscription) this.subscription.close()
        this.subscription = null
        this.started = false
    }
}

})'

Trevor Arapu

Rank 3: Container

Mar 31, 2026, 10:46

I have tried different browsers, private mode, and changing databases to tablesdb in for each channel, but still get the same error

Trevor Arapu

Rank 3: Container

Mar 31, 2026, 10:47

Could this be a skill issue on my end 🤣

Trevor Arapu

Rank 3: Container

Mar 31, 2026, 10:49