Sendbird Integration

I’d like to add a LinkedIn-like messaging experience for my app. Sendbird looks like it has most of what I need (including a Sendbird UIKit). However, I don’t really know how to integrate this into WeWeb. It seems that there’s a Sendbird package in the new NPM manager/extension, but not quite sure how to get it working. Any advice for getting Sendbird (specifically the chat product) to work within WeWeb would be most appreciated!

Pretty sure this tool uses websocket as it’s a chat app.

Websockets aren’t usable with WeWeb (yet). Except for the Supabase datasource plugin.

We’re working on this feature as we speak. I don’t have a deadline yet, but it should be live by Q1 2024, maybe before.

Hi,

Indeed you can install SendBird through our npm plugin. But you will be limited to the v3 of their SDK (the latest one, v4, doesn’t show up on the result, it could be its really new and the registry didn’t index it yet).

Capture d’écran 2023-10-23 à 18.58.55

Once installed you will have to follow their documentation => Send your first message | Chat JavaScript SDK | Sendbird Docs

Basically WeWeb is doing the step one for you. But you will have to continue with code to implement this library.

In WeWeb you can access the library through the explorer and use javascript code in custom javascript action.

Be aware the npm plugin is a very experimental and advanced feature and doesn’t guarantee the package installed will works, but you can try!

If you’re not familiar with javascript and didn’t have any experience with code I think you will have to wait we develop a proper nocode integration or maybe someone else will do it on our futur marketplace :slight_smile:

As @Quentin said we dont have any websocket plugin for now and its a requirement to have a realtime feature in your app (the sdk use websocket under the hood). The only way do to a chat without any code in WeWeb for now is to use Supabase.

Thanks @Alexis and @Quentin, this is helpful.

I think there is a v4 SDK there, not entirely sure:

The example code requires “import” which throws errors

And as you mentioned, I think this requires websocket. Thus, I don’t think using Sendbird is feasible :frowning: (for now)

Ah yes it looks like sendbird/chat script is incompatible with the way we import the package in WeWeb for now.

But to make things clearer, websockets here are not the issue, websockets work in WeWeb, but we don’t have any UI allowing you to play with it in a nocode way, so you need code to init the connection and call programmatically a global workflow through wwLib.executeWorkflow(workflowId) on new message for example, but it’s doable.

Here you don’t have to think about it because the sdk is wrapping this stuff (ws connection), but you still have to write code to use the sdk, and you seem to be locked to the v3 version, it’s the real issue.

I was able to get v3 somewhat working (v4 would be ideal, but this is mainly for proof-of-concept):


image

However, I don’t think it’s possible to load the Sendbird UIKit into WeWeb, seems that it’s designed for react :confused:
image

2 Likes

That’s really great! As I said you can execute a global workflow from javascript, it can help you going back to nocode :slight_smile:

Using the react ui kit is probably not doable this way though.