Skip to content

maxim-top/lanying-im-web

Repository files navigation

蓝莺IM web 版

蓝莺IM,是由美信拓扑团队研发的新一代即时通讯云服务,SDK 设计简单集成方便,服务采用云原生技术和多云架构,私有云也可按月付费。

蓝莺IM APP 为方便体验试用蓝莺IMSDK 的 DemoApp。开发者可直接在线试用,也可在官网下载页面选择试用所有客户端。

DemoApp 是为了演示 IM SDK 调用而开发,也因此最好的开发方式为根据 DemoApp 找到功能,然后直接查看使用示例。

Awesome Scc Count Badge Scc Count Badge

构建

本工程为标准 web 工程,推荐使用 yarn 来操作:

  1. 构建工程

    yarn build
    
  2. 本地运行

    配置本地 /etc/hosts 表,增加一行

    127.0.0.1   dev.lanyingim.com
    

    然后再运行

    yarn dev
    
  3. 打包应用

    yarn pack
    

开发自己的应用

请先修改蓝莺IM AppID

打开文件 ./src/App.vue, 将默认 AppID: welovemaxim 更改为你的应用 AppID,此 AppID 为在蓝莺IM 后台创建应用后获取。

代码风格

代码风格选择的 ESLint + Prettier,基本规则如下:

  1. 所有缩进设置为 2 ,包括 Style Sheets 中的各种 css 语言文件、html 文件、JavaScript 文件和其它类型文件。
  2. HTML 文件中 script 标签和 style 标签后的首行代码不缩进。
  3. 函数名和花括号的空格
    • 函数声明时,函数名后不加括号;
    • 在函数表达式中 function 后面括号前不加空格;
    • 花括号中(插值表达式/解构赋值)首尾要增加空格。

Webstorm 设置可参考这里

常见问题

  1. 无法导入 flooim,提示
export 'flooim' was not found in '../im/floo-3.0.0'

参考修改 babel.config.js,增加 sourceType: 'unambiguous' 设置:

module.exports = {
    presets: ["@vue/app", {sourceType: 'unambiguous'}],
};
  1. 找不到 long 模块,提示
module "third/long" is not defined

这是因为 fsevent1 的问题,在 windows 下安装会失败,导致 npm 失败,可参考这里,解决方法:

npm i -f

其他

了解更多信息可以阅读在线文档,或者在本仓库提问,好好玩 :)


蓝莺IM 专业 SDK,私有云按月付费