Skip to content

maxim-top/lanying-im-uniapp

Repository files navigation

蓝莺IM Uniapp 版

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

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

Scc Count Badge Scc Count Badge

工程说明

  1. 本工程为 Uniapp 工程,实际上是从微信小程序转换而来,感谢zhangdaren,转换过程非常顺畅;
  2. 推荐使用此版本进行小程序/H5 等版本开发,感谢 DCloud.io 开发这么好的框架;
  3. DemoApp 是为了演示 IM SDK 调用而开发,也因此最好的开发方式为根据 DemoApp 找到功能,然后直接查看使用示例;
  4. 本工程 DemoApp 不包含所有功能的演示,但是 SDK(floo) 功能完全,高级功能可以参照PC Web 版本,SDK 调用方式是通用的。

此工程共有四个源码目录:

  1. im 存放蓝莺IM SDK,当前最新版本为 floo-3.0.0.uniapp.js
  2. pages 为 UI 源码目录;
  3. utils 为使用的工具类源码;
  4. third 为第三方源码;

开发

  1. 运行命令安装依赖包

npm install

  1. 打开 HBuilder(Uniapp IDE)进行开发

  2. uni_modules目录下引用了下列插件,需要使用HBuilderX手动导入生产,在根目录下自动生成uni_modules目录。现在引用了下列项目:

    • uni-popup
    • mp-html

开发自己的应用

  1. 修改蓝莺IM AppID

打开文件 App.vue, 修改变量 appid,将 "welovemaxim" 改为你的应用 AppID,此 AppID 为在蓝莺IM 后台创建应用后获取。

  1. 如果开发小程序,还需修改对应小程序平台的 AppID

如果是微信小程序,可以打开文件 manifest.json,修改其中的 AppID 为你的小程序在微信后台的 appid。

代码风格

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

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

Webstorm 设置可参考这里

其他

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


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