SDK 文档

服务端 API

有奖调研
文档中心 > 即时通信 IM > 快速入门 > 一分钟跑通 Demo(PC)

一分钟跑通 Demo(PC)

最近更新时间:2021-12-01 11:29:21

本文主要介绍如何快速运行腾讯云即时通信 IM Demo(Electron)。

环境要求

平台 版本
Electron 13.1.5 及以上版本。
Node.js v14.2.0

前提条件

您已 注册腾讯云 帐号,并完成 实名认证

操作步骤

步骤1:创建应用

  1. 登录 即时通信 IM 控制台
    说明:

    如果您已有应用,请记录其 SDKAppID 并 获取密钥信息
    同一个腾讯云帐号,最多可创建300个即时通信 IM 应用。若已有300个应用,您可以先 停用并删除 无需使用的应用后再创建新的应用。应用删除后,该 SDKAppID 对应的所有数据和服务不可恢复,请谨慎操作。

  2. 单击创建新应用,在创建应用对话框中输入您的应用名称,单击确定
  3. 请保存 SDKAppID 信息。可在控制台总览页查看新建应用的状态、业务版本、SDKAppID、创建时间以及到期时间。
  4. 单击创建后的应用,左侧导航栏单击辅助工具>UserSig 生成&校验,创建一个 UserID 及其对应的 UserSig,复制签名信息,后续登录使用。

步骤2:下载源码安装依赖并运行

  1. 克隆即时通信 IM Electron Demo 源码到本地。

    git clone https://github.com/tencentyun/im_electron_demo.git

  2. 安装项目依赖。

    // 项目根目录
    npm install
    
    // 渲染进程目录
    cd src/client
    npm install

  3. 项目运行。

    // 项目根目录
    npm start

  4. 项目打包。

    // mac打包
    npm run build:mac
    // windows打包
    npm run build:windows

常见问题

支持哪些平台?

目前支持 Macos 和 Windows 两个平台。

安装开发环境问题,出现gypgyp ERR!ERR错误如何解决?

请参见 gypgyp ERR!ERR!

Mac 端执行npm run start 会出现白屏,如何解决?

Mac 端执行npm run start 会出现白屏,原因是渲染进程的代码还没有 build 完成,主进程打开的3000端口为空页面,当渲染进程代码 build 完成重新刷新窗口后即可解决问题。或者执行cd src/client && npm run dev:react, npm run dev:electron, 分开启动渲染进程和主进程。

目录