Home Original page

sendbird-javascript-samples/javascript/javascript-basic at master · sendbird/sendbird-javascript-samples

SendBird JavaScript Web Basic Sample

This is full screen chat sample like Slack using the Sendbird SDK for desktop browsers.

  1. Demo
  2. Run the sample
  3. Customizing the sample

Demo

You can try out a live demo from the link here.

If you want to legacy basic sample used jQuery, you can find the Legacy tag.

Run the sample

  1. Install packages

Require that you have Node v8.x+ installed.

node-sass package requires XCode developer tools (MacOS only) and Node.js version matching. If you have any trouble in the installation, see https://www.npmjs.com/package/node-sass.

  1. Run

Customizing the sample

If you want to put some changes into the sample, you should build it using webpack.

  1. Install packages

Require that you have Node v8.x+ installed.

node-sass package requires XCode developer tools (MacOS only) and Node.js version matching. If you have any trouble in the installation, see https://www.npmjs.com/package/node-sass.

  1. Modify files If you want to change APP_ID, change APP_ID in ./src/js/const.js to the other APP_ID you want.
    You can test the sample with local server by running the following command.
  1. Build the sample When the modification is complete, you'll need to bundle the file using webpack. The bundled files are created in the dist folder.
    Please check webpack.config.js for settings.

The npm start command contains npm run build. Check the scripts part of the package.json file.