vue中使用vue-cli接入融云實現(xiàn)即時通信
本人傻逼GOU，近日公司要開發(fā)一款移動app，要用vue結(jié)合webpack+es6搭建的項目開發(fā)，需要用到融云的即時通信功能，本人找遍了度娘，發(fā)現(xiàn)這類型的文章很少，我也是費了不少時間才弄明白其中是怎么一回事，接下來廢話少說，直接上代碼，告訴小白如何操作。
首先要注冊融云，這個傻逼操作就不說了，注冊融云后拿到appkey和融云提供的token （這個token一般是后端返回，我們app登錄的時候，后臺返回來給我們的，不關(guān)我們的事，如果實在要在前端通過融云獲取，我后面會說到）。
很多新手一開始的時候都會無從下手，到處看文檔，你會看到下圖：
看到這里，我們開發(fā)app當然要用本地文檔咯，不多說，直接打開下載回來看看是什么鬼，打開目錄如下，
這就是我們要找的文件，我們只要最新版本的，就拿這三個文件，（當然你也可以直接引用他們的外鏈的sdk）,外鏈當然沒有本地的快咯。
接下來我們獲取了sdk回來后，要怎么用呢，怎么放進我們的vue-cli項目跟我們的項目結(jié)合在一起呢，融云的sdk是es5寫的，接下來我們要怎么把它跟我們用ES6寫的代碼相結(jié)合使用呢，這里官網(wǎng)并沒有說明。
接下來要把這三個件怎么放進我們的項目呢，首先把RongIMLib-2.2.9.min.js 文件放到static目錄底下，把protobuf-2.2.8.min.js文件放到src目錄下(這里你隨意，通常放在公司的js文件下)
然后我們打開剛才下載回來的文件夾，打開里面的html文件，看下他們是怎么實現(xiàn)的，
好了，到這里，你們也看到了，它這里要引入RongIMLib-2.2.9.min.js 這個文件，在這里，我們先要理清楚你想要怎么使用這個js文件，
我們首先打開 項目目錄下的index.html文件
把 RongIMLib-2.2.9.min.js 以<script src=""></script>形式引入，在這里引入后，我們就能在.vue文件中使用RongIMClient變量了，但是這里面引入的js是全局的，第個頁面都能訪問我們的RongIMClient，當然也占用性能，，我比較推薦在這里引入，因為做即時聊天項目，很多地方都要共用RongIMClient的監(jiān)聽，如果你實現(xiàn)不想在這里全局引用js，請看我的另一篇文章，es6引入es5寫的js
總結(jié)
以上所述是小編給大家介紹的vue中使用vue-cli接入融云實現(xiàn)即時通信,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
開發(fā)中會有要獲取當前日期的需求,有的是獲取到當前月份,本文就介紹了vue獲取當前日期時間(moment、new?Date()),文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2023-08-08
這篇文章介紹了Vue發(fā)送ajax請求的方法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-01-01
這篇文章主要介紹了vue filter 完美時間日期格式的方法，文中給大家提到了vue filter方法-時間格式化 的代碼，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-08-08
最近一段時間，一直在做主題方面的工作。我們的主題，并不是簡單切換一下顏色，或者排版變化這些，而是變化比較大的主題。比如說：主題1和主題2看起來完全不一樣，功能甚至都不一樣。這樣，通過切換css就無法做到了，因此我思考良久，使用了如下2種方法2021-06-06
Vue移動端實現(xiàn)調(diào)用相機掃描二維碼或條形碼的全過程
最近在使用vue開發(fā)的h5移動端想要實現(xiàn)一個調(diào)用攝像頭掃描二維碼的功能,所以下面這篇文章主要給大家介紹了關(guān)于Vue移動端實現(xiàn)調(diào)用相機掃描二維碼或條形碼的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
vue項目登錄成功后退出時清空sessionId和userId的問題
這篇文章主要介紹了vue項目登錄成功后退出時清空sessionId和userId的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
解決vue單頁面應(yīng)用打包后相對路徑、絕對路徑相關(guān)問題
這篇文章主要介紹了解決vue單頁面應(yīng)用打包后相對路徑、絕對路徑相關(guān)問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
使用Vue純前端實現(xiàn)發(fā)送短信驗證碼并實現(xiàn)倒計時
在實際的應(yīng)用開發(fā)中,涉及用戶登錄驗證、密碼重置等場景時,通常需要前端實現(xiàn)發(fā)送短信驗證碼的功能,以提升用戶體驗和安全性,以下是一個簡單的前端實現(xiàn),演示了如何在用戶點擊發(fā)送驗證碼按鈕時觸發(fā)短信驗證碼的發(fā)送,并開始一個倒計時2024-04-04
這篇文章主要給大家介紹了關(guān)于項目部署后前端vue代理失效問題的解決辦法,文中通過圖文以及代碼示例將解決的辦法介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-02-02
這篇文章主要為大家詳細介紹了Vue實現(xiàn)飛機大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05