Awesome
蓝莺IM web 版
蓝莺IM,是由美信拓扑团队研发的新一代即时通讯云服务,SDK 设计简单集成方便,服务采用云原生技术和多云架构,私有云也可按月付费。
蓝莺IM APP 为方便体验试用蓝莺IMSDK 的 DemoApp。开发者可直接在线试用,也可在官网下载页面选择试用所有客户端。
DemoApp 是为了演示 IM SDK 调用而开发,也因此最好的开发方式为根据 DemoApp 找到功能,然后直接查看使用示例。
构建
本工程为标准 web 工程,推荐使用 yarn 来操作:
-
构建工程
yarn build
-
本地运行
配置本地
/etc/hosts
表,增加一行127.0.0.1 dev.lanyingim.com
然后再运行
yarn dev
-
打包应用
yarn pack
开发自己的应用
请先修改蓝莺IM AppID
打开文件 ./src/App.vue
, 将默认 AppID: welovemaxim 更改为你的应用 AppID,此 AppID 为在蓝莺IM 后台创建应用后获取。
代码风格
代码风格选择的 ESLint + Prettier,基本规则如下:
- 所有缩进设置为 2 ,包括 Style Sheets 中的各种 css 语言文件、html 文件、JavaScript 文件和其它类型文件。
- HTML 文件中 script 标签和 style 标签后的首行代码不缩进。
- 函数名和花括号的空格
- 函数声明时,函数名后不加括号;
- 在函数表达式中 function 后面括号前不加空格;
- 花括号中(插值表达式/解构赋值)首尾要增加空格。
Webstorm 设置可参考这里。
常见问题
- 无法导入 flooim,提示
export 'flooim' was not found in '../im/floo-3.0.0'
参考修改 babel.config.js,增加 sourceType: 'unambiguous' 设置:
module.exports = {
presets: ["@vue/app", {sourceType: 'unambiguous'}],
};
- 找不到 long 模块,提示
module "third/long" is not defined
这是因为 fsevent1 的问题,在 windows 下安装会失败,导致 npm 失败,可参考这里,解决方法:
npm i -f
其他
了解更多信息可以阅读在线文档,或者在本仓库提问,好好玩 :)
蓝莺IM 专业 SDK,私有云按月付费