Skip to content

openimsdk/openim-h5-demo

Repository files navigation

OpenIM H5 Demo 💬💻

OpenIM DocsOpenIM Serveropenim-sdk-wasmopenim-sdk-core


OpenIM H5 Demo is an open-source instant messaging application built on OpenIM SDK Wasm, OpenIM Server, and H5. It demonstrates how to quickly integrate instant messaging capabilities into any web app using OpenIM.

Tech Stack 🛠️

Live Demo 🌐

Give it a try at https://h5-enterprise.rentsoft.cn.

Dev Setup 🛠️

It is recommended to use version 16.x-18.x.

Follow these steps to set up a local development environment:

  1. Run npm install to install all dependencies.
  2. Modify the request address to your own OpenIM Server IP in the following files:

    Note: You need to deploy OpenIM Server first, the default port of OpenIM Server is 10001, 10002, 10008.

    • config/dev.env.ts

      CHAT_URL: "http://your-server-ip:10008",
      API_URL: "http://your-server-ip:10002",
      WS_URL: "ws://your-server-ip:10001",
  3. Run npm run dev to start the development server. Visit http://localhost:3003 to see the result. An Electron application will be launched by default.
  4. Start development! 🎉

Build 🚀

  1. Run the following command to build the web application:
npm run build
  1. The build result will be located in the dist folder.

Community 👥

Community Meetings 📆

We want anyone to get involved in our community and contributing code, we offer gifts and rewards, and we welcome you to join us every Thursday night.

Our conference is in the OpenIM Slack 🎯, then you can search the Open-IM-Server pipeline to join

We take notes of each biweekly meeting in GitHub discussions, Our historical meeting notes, as well as replays of the meetings are available at Google Docs 📑.

Who are using OpenIM 👀

Check out our user case studies page for a list of the project users. Don't hesitate to leave a 📝comment and share your use case.

License 📄

OpenIM is licensed under the Apache 2.0 license. See LICENSE for the full license text.