vue中使用vue-cli接入融云實現即時通信

    本人傻逼GOU，近日公司要開發一款移動app，要用vue結合webpack+es6搭建的項目開發，需要用到融云的即時通信功能，本人找遍了度娘，發現這類型的文章很少，我也是費了不少時間才弄明白其中是怎么一回事，接下來廢話少說，直接上代碼，告訴小白如何操作。

    首先要注冊融云，這個傻逼操作就不說了，注冊融云后拿到appkey和融云提供的token （這個token一般是后端返回，我們app登錄的時候，后臺返回來給我們的，不關我們的事，如果實在要在前端通過融云獲取，我后面會說到）。

    很多新手一開始的時候都會無從下手，到處看文檔，你會看到下圖：

看到這里，我們開發app當然要用本地文檔咯，不多說，直接打開下載回來看看是什么鬼，打開目錄如下，

這就是我們要找的文件，我們只要最新版本的，就拿這三個文件，（當然你也可以直接引用他們的外鏈的sdk）,外鏈當然沒有本地的快咯。       

        接下來我們獲取了sdk回來后，要怎么用呢，怎么放進我們的vue-cli項目跟我們的項目結合在一起呢，融云的sdk是es5寫的，接下來我們要怎么把它跟我們用ES6寫的代碼相結合使用呢，這里官網并沒有說明。

    接下來要把這三個件怎么放進我們的項目呢，首先把RongIMLib-2.2.9.min.js 文件放到static目錄底下，把protobuf-2.2.8.min.js文件放到src目錄下(這里你隨意，通常放在公司的js文件下)

    然后我們打開剛才下載回來的文件夾，打開里面的html文件，看下他們是怎么實現的，

   好了，到這里，你們也看到了，它這里要引入RongIMLib-2.2.9.min.js 這個文件，在這里，我們先要理清楚你想要怎么使用這個js文件，

我們首先打開 項目目錄下的index.html文件

把 RongIMLib-2.2.9.min.js 以<script src=""></script>形式引入，在這里引入后，我們就能在.vue文件中使用RongIMClient變量了，但是這里面引入的js是全局的，第個頁面都能訪問我們的RongIMClient，當然也占用性能，，我比較推薦在這里引入，因為做即時聊天項目，很多地方都要共用RongIMClient的監聽，如果你實現不想在這里全局引用js，請看我的另一篇文章，es6引入es5寫的js

總結

以上所述是小編給大家介紹的vue中使用vue-cli接入融云實現即時通信,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！