建站
咨詢
售后
建站咨詢
新聞中心
本人傻逼GOU，近日公司要開發(fā)一款移動(dòng)app，要用vue結(jié)合webpack+es6搭建的項(xiàng)目開發(fā)，需要用到融云的即時(shí)通信功能，本人找遍了度娘，發(fā)現(xiàn)這類型的文章很少，我也是費(fèi)了不少時(shí)間才弄明白其中是怎么一回事，接下來廢話少說，直接上代碼，告訴小白如何操作。
首先要注冊(cè)融云，這個(gè)傻逼操作就不說了，注冊(cè)融云后拿到appkey和融云提供的token （這個(gè)token一般是后端返回，我們app登錄的時(shí)候，后臺(tái)返回來給我們的，不關(guān)我們的事，如果實(shí)在要在前端通過融云獲取，我后面會(huì)說到）。
很多新手一開始的時(shí)候都會(huì)無從下手，到處看文檔，你會(huì)看到下圖：
看到這里，我們開發(fā)app當(dāng)然要用本地文檔咯，不多說，直接打開下載回來看看是什么鬼，打開目錄如下，
這就是我們要找的文件，我們只要最新版本的，就拿這三個(gè)文件，（當(dāng)然你也可以直接引用他們的外鏈的sdk）,外鏈當(dāng)然沒有本地的快咯。
接下來我們獲取了sdk回來后，要怎么用呢，怎么放進(jìn)我們的vue-cli項(xiàng)目跟我們的項(xiàng)目結(jié)合在一起呢，融云的sdk是es5寫的，接下來我們要怎么把它跟我們用ES6寫的代碼相結(jié)合使用呢，這里官網(wǎng)并沒有說明。
接下來要把這三個(gè)件怎么放進(jìn)我們的項(xiàng)目呢，首先把RongIMLib-2.2.9.min.js 文件放到static目錄底下，把protobuf-2.2.8.min.js文件放到src目錄下(這里你隨意，通常放在公司的js文件下)
然后我們打開剛才下載回來的文件夾，打開里面的html文件，看下他們是怎么實(shí)現(xiàn)的，
好了，到這里，你們也看到了，它這里要引入RongIMLib-2.2.9.min.js 這個(gè)文件，在這里，我們先要理清楚你想要怎么使用這個(gè)js文件，
我們首先打開 項(xiàng)目目錄下的index.html文件
把 RongIMLib-2.2.9.min.js 以形式引入，在這里引入后，我們就能在.vue文件中使用RongIMClient變量了，但是這里面引入的js是全局的，第個(gè)頁(yè)面都能訪問我們的RongIMClient，當(dāng)然也占用性能，，我比較推薦在這里引入，因?yàn)樽黾磿r(shí)聊天項(xiàng)目，很多地方都要共用RongIMClient的監(jiān)聽，如果你實(shí)現(xiàn)不想在這里全局引用js，請(qǐng)看我的另一篇文章，es6引入es5寫的js
總結(jié)
以上所述是小編給大家介紹的vue中使用vue-cli接入融云實(shí)現(xiàn)即時(shí)通信,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
新聞標(biāo)題：vue中使用vue-cli接入融云實(shí)現(xiàn)即時(shí)通信-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://fisionsoft.com.cn/article/dooced.html
