Uniapp作為近來(lái)最火的移動(dòng)端開(kāi)發(fā)技術(shù),一套代碼,可以打包成Android/iOS app和各種平臺(tái)的小程序,可謂是沒(méi)有最方便只有更方便。
十余年的溫州網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整溫州建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“溫州網(wǎng)站設(shè)計(jì)”,“溫州網(wǎng)站推廣”以來(lái),每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
GoEasy上架DCloud Uniapp插件市場(chǎng)已經(jīng)有一段時(shí)間了,收到很多Uniapp開(kāi)發(fā)人員的贊揚(yáng)和好評(píng),小編在此隔著屏幕向大家鞠躬,小編和GoEasy團(tuán)隊(duì)會(huì)繼續(xù)努力,持續(xù)為Uniapp開(kāi)發(fā)者提供最簡(jiǎn)單且優(yōu)雅的API,穩(wěn)定高速可靠的即時(shí)通訊服務(wù)。
這段時(shí)間,也收到了很多朋友的一些問(wèn)題?比如:
1、GoEasy和Uniapp websocket API有什么區(qū)別和優(yōu)勢(shì)?
Uniapp官方的websocket API主要是用來(lái)與您的websocket服務(wù)通訊,所以使用Uniapp websocket的前提是,首先要搭建好您自己的websocket服務(wù),然后與之通訊。這是一個(gè)純技術(shù)的API,在建立網(wǎng)絡(luò)連接后,還有很多的工作需要自己來(lái)完成,比如:
需要自己實(shí)現(xiàn)心跳機(jī)制,來(lái)維護(hù)網(wǎng)絡(luò)連接,來(lái)判斷客戶端的網(wǎng)絡(luò)連接狀態(tài);
需要自己實(shí)現(xiàn)斷網(wǎng)自動(dòng)重連;
需要自己維護(hù)消息列表,確保遇到斷網(wǎng)重連后,消息能夠補(bǔ)發(fā);
需要自己維護(hù)一個(gè)客戶端列表;
…
等等很多細(xì)致而繁雜的工作,比如websocket的安全機(jī)制和性能優(yōu)化;
除此之外服務(wù)端也有很多工作需要自己完成,有興趣自己搭建websocket的話,可以參考這篇技術(shù)分享《 搭建websocket消息推送服務(wù),必須要考慮的幾個(gè)問(wèn)題》
而GoEasy是一個(gè)成熟穩(wěn)定的websocket企業(yè)級(jí)PAAS服務(wù)平臺(tái),開(kāi)發(fā)人員不需要考慮websocket服務(wù)端的搭建,只需要幾行代碼,就可以輕松實(shí)現(xiàn)客戶端與客戶端之間,服務(wù)器與客戶端之間的的websocket通信,不需要考慮性能,安全,高可用集群的問(wèn)題。只需要全力專注于開(kāi)發(fā)自己的業(yè)務(wù)功能就好了。
GoEasy已經(jīng)內(nèi)置websocket中必備的心跳,斷網(wǎng)重連,消息補(bǔ)發(fā),歷史消息和客戶端上下線提醒等特性,開(kāi)發(fā)人員也不需要自己搭建websocket服務(wù)處理集群高可用,安全和性能問(wèn)題。GoEasy已經(jīng)穩(wěn)定運(yùn)行了5年,支持千萬(wàn)級(jí)并發(fā),成功支撐過(guò)很多知名企業(yè)的重要活動(dòng),安全性和可靠性都是久經(jīng)考驗(yàn)。
2、GoEasy在Uniapp開(kāi)發(fā)中主要用在哪些場(chǎng)景呢?
首先從技術(shù)上說(shuō),Uniapp支持的所有技術(shù)android, iOS和小程序,GoEasy都是完美支持的。
從應(yīng)用場(chǎng)景上來(lái)說(shuō),所有需要websocket通信的場(chǎng)景,GoEasy都可以完美支持:
聊天,IM,直播彈幕,用戶上下線提醒, 在線用戶列表
掃碼點(diǎn)菜,掃碼登錄, 掃碼支付, 掃碼簽到, 掃碼打印
事件提醒,工單,訂單實(shí)時(shí)提醒
在線拍賣, 在線點(diǎn)餐,在線選座 實(shí)時(shí)數(shù)據(jù)展示,實(shí)時(shí)監(jiān)控大屏, 金融實(shí)時(shí)行情顯示,設(shè)備監(jiān)控系統(tǒng)
實(shí)時(shí)位置跟蹤,外賣實(shí)時(shí)跟蹤,物流實(shí)時(shí)跟蹤
遠(yuǎn)程畫板,遠(yuǎn)程醫(yī)療,游戲,遠(yuǎn)程在線授課
…
3、GoEasy的文檔為什么這么簡(jiǎn)單?簡(jiǎn)單到我都不知道如何使用
簡(jiǎn)單還不好嗎?GoEasy從研發(fā)的第一天,就把追求API的極簡(jiǎn)作為我們的工作重點(diǎn)。嚴(yán)格控制接口的數(shù)量,就是是為了降低開(kāi)發(fā)人員的學(xué)習(xí)成本,其實(shí)就是為了讓您爽??!但這并不影響GoEasy完美支持所有的websocket即時(shí)通訊需求。
今天小編就手把手的教您用GoEasy在Uniapp下,最短的時(shí)間實(shí)現(xiàn)一個(gè)的web即時(shí)通訊Demo。
本demo已經(jīng)通過(guò)小程序, iOS和Android的真機(jī)測(cè)試,完整源代碼已經(jīng)上傳gitee,下載后,只需要將代碼里的appkey換成自己的common key,就可以體驗(yàn)了。下載地址:
https://gitee.com/goeasy-io/GoEasyDemo-Uniapp-Helloworld
1、獲取appkey
GoEasy官網(wǎng)( http://www.goeasy.io/) 上注冊(cè)賬號(hào),創(chuàng)建一個(gè)應(yīng)用,拿到您的appkey
GoEasy提供了兩種類型的appkey:
Common key: 即可以接收消息,也可以發(fā)送消息,與Subscriber Key最大的區(qū)別就是有寫權(quán)限,可以發(fā)消息。適用于有消息發(fā)送需求的客戶端和服務(wù)端開(kāi)發(fā)。
Subscriber key: 只能接收消息,不可以發(fā)送消息,與Common Key最大的區(qū)別就是沒(méi)有寫權(quán)限,只能收消息??梢杂糜谝恍](méi)有發(fā)送需求的客戶端。
2、獲取GoEasy SDK
兩個(gè)方式:
DCloud Uniapp的插件市場(chǎng)下載: https://ext.dcloud.net.cn/plugin?id=1334
也可以直接在goeasy官網(wǎng)下載: https://www.goeasy.io/cn/doc/client/get-goeasy-js.html
3、初始化GoEasy對(duì)象
在main.js中將goeasy初始化為Uniapp的全局對(duì)象,方便所有頁(yè)面都能方便的調(diào)用,同時(shí)也避免多個(gè)頁(yè)面反復(fù)new GoEasy對(duì)象。
根據(jù)您在GoEasy后臺(tái)創(chuàng)建應(yīng)用時(shí)選擇的區(qū)域,來(lái)傳入不同的Host,如果您創(chuàng)建goeasy應(yīng)用時(shí),選擇了杭州,那么host:”hangzhou.goeasy.io”。選擇了新加坡,host:”singapore.goeasy.io”。
如果您的大部分用戶都是在國(guó)內(nèi),創(chuàng)建應(yīng)用時(shí),記得選擇杭州,以便獲得更快的通訊速度。
// 在main.js中將goeasy初始化為全局對(duì)象,所有頁(yè)面都能方便的調(diào)用,也避免多個(gè)頁(yè)面反復(fù)new GoEasy對(duì)象
Vue.prototype.$goEasy = new GoEasy({
host: "hangzhou.goeasy.io",
appkey: "my_appkey", //替換為您的應(yīng)用appkey
onConnected: function() {
console.log('連接成功!')
},
onDisconnected: function() {
console.log('連接斷開(kāi)!')
},
onConnectFailed: function(error) {
console.log('連接失敗或錯(cuò)誤!')
}
});
4、uniapp端接收消息
this.$goEasy.subscribe({
channel: "my_channel", //替換為您自己的channel
onMessage: function (message) {
alert("Channel:" + message.channel + " content:" + message.content);
}
});
很多朋友會(huì)問(wèn)channel從哪里來(lái),如何創(chuàng)建,應(yīng)該傳入什么呢?
根據(jù)您的業(yè)務(wù)需求來(lái)設(shè)定,channel可以為任意字符串,除了不能包含空格,和不建議使用中文外,沒(méi)有任何限制,只需要和消息的發(fā)送端保持一致,就可以收到消息。channel可以是您直播間的uuid,也可以是一個(gè)用戶的唯一表示符,可以任意定義,channel不需要?jiǎng)?chuàng)建,可以隨用隨棄。
5、uniapp端發(fā)送消息
發(fā)送時(shí),需要注意channel一定要和subscriber的channel完全一致,否則無(wú)法收到。
this.$goEasy.publish({
channel: "my_channel", //替換為您自己的channel
message: "Hello, GoEasy!" //替換為您想要發(fā)送的消息內(nèi)容
});
本代碼源碼下載:
https://gitee.com/goeasy-io/GoEasyDemo-Uniapp-Helloworld
小程序特別強(qiáng)調(diào):
若您需要打包為微信小程序,需要在微信公眾號(hào)平臺(tái)配置socket合法域名,否則無(wú)法使用。 具體步驟:
訪問(wèn) https://mp.weixin.qq.com,進(jìn)入微信公眾平臺(tái)|小程序 -> 設(shè)置 -> 開(kāi)發(fā)設(shè)置 -> 服務(wù)器域名
socket合法域名-> 添加 goeasy的地址:wx-hangzhou.goeasy.io(記得wx-開(kāi)頭)
若您創(chuàng)建GoEasy應(yīng)用時(shí)選擇了新加坡區(qū)域則添加地址:wx-singapore.goeasy.io
答疑時(shí)間:
1、我的服務(wù)器端可以發(fā)送消息嗎?都支持些哪些語(yǔ)言?
當(dāng)然可以,任何語(yǔ)言都可以通過(guò)調(diào)用goeasy的Rest API發(fā)送消息,同時(shí)為了大家方便,GoEasy的官方文檔里,也準(zhǔn)備了Java, C#,NodeJS,PHP,Ruby和Python等常見(jiàn)語(yǔ)言調(diào)用REST API的代碼,這里獲取更多詳情: https://www.goeasy.io/cn/doc/server/publish.html
2、GoEasy可以發(fā)送圖片,語(yǔ)音和視頻嗎?
當(dāng)然可以,您可以通過(guò)推送文件路徑的方式來(lái)實(shí)現(xiàn)文件的發(fā)送。
按照行業(yè)慣例,不論MSN,微信,QQ對(duì)于圖片和視頻,通常的做法都是,只推送文件路徑,而不會(huì)推送文件本身。你如果有注意的話,當(dāng)您接受圖片和視頻的時(shí)候,收到消息后,等一會(huì)兒才能看,就是因?yàn)榘l(fā)送的時(shí)候,只發(fā)送了路徑。