我是个白痴，GOU。最近，公司想开发一款移动应用。要用vue和webpack es6开发一个项目，我需要使用融云的即时消息功能。我搜了一下杜娘，发现这种类型的文章很少。我花了很多时间才弄清楚发生了什么事。接下来，废话少说，直接进入代码，告诉小白如何操作。

首先，我们必须注册融云，所以我们不会谈论这个愚蠢的操作。注册融云后，我们得到appkey和融云提供的令牌(这个令牌通常由后端返回。当我们的应用程序登录时，这不关我们的事。如果我们真的想通过融云在前端得到它，我稍后会谈到它)。

很多新手都无法从头开始，到处看文档，就会看到下图：

当然，看到这一点，我们需要使用本地文档来开发应用程序。话不多说，直接打开下载看看是什么。按如下方式打开目录。

这是我们要找的文件。我们只需要最新的版本，我们就拿这三个文件(当然你也可以直接引用他们的外部sdk)。当然，外部链接没有本地链接快。

接下来，在我们得到sdk之后，我们如何使用它？我们如何将它放入我们的vue-cli项目中，并将其与我们的项目相结合？融云的sdk是由es5编写的。接下来，我们如何将其与ES6编写的代码相结合？官网没有在这里解释。

接下来，我们如何将这三个部分放入我们的项目中？首先把RongIMLib-2.2.9.min.js文件放在静态目录下，把protobuf-2.2.8.min.js文件放在src目录下(这里，你可以随意放在公司的js文件下)

然后我们打开下载的文件夹，打开里面的html文件，看看它们是如何实现的。

好了，在这里，大家可以看到，这里会介绍到文件RongIMLib-2.2.9.min.js，在这里，我们首先要了解你想要如何使用这个js文件。

我们首先在项目目录中打开index.html文件

以脚本src=' http : '/脚本的形式介绍RongIMLib-2.2.9.min.js。在这里介绍之后，我们可以在。vue文件，但是这里介绍的js是全局的，第一页可以访问我们的ronggimclient，这肯定会占用性能。我推荐在这里介绍一下，因为对于即时聊天项目，很多地方都要分享RongIMClient的监控。如果您不想在这里全局引用js，请参见我的另一篇文章，es6介绍了es5编写的js。

摘要

如上所述，使用vue-CLI访问融云，实现边肖介绍的vue即时通讯，对大家都有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！