|
導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創新,經過將近兩年的發展,已經構造了新的小程序開發環境和開發者生態。
官網demo 下載后把整個utils目錄下的文件復制到咱自己工程的目錄下。
在WebIMConfig.js中將AppKey替換成自己應用的key 界面簡單的用一個輸入框和一個按鈕組成,點擊按鈕發送消息。
導入WebIM.js var WebIM = require('../../utils/WebIM.js')
var WebIM = WebIM.default登陸hxloign: function () {
var options = {
apiUrl: WebIM.config.apiURL,
user: 'u1',
pwd: 'p1',
grant_type: 'password',
appKey: WebIM.config.appkey //應用key
}
WebIM.conn.open(options)
},發送文本消息 sendMessage: function () {
var that = this
var id = WebIM.conn.getUniqueId();
var msg = new WebIM.message('txt', id);
msg.set({
msg: this.data.inputValue,//輸入框的文本
to: 'u0',
roomType: false,
success: function (id, serverMsgId) {
}
});
msg.body.chatType = 'singleChat';
WebIM.conn.send(msg.body);
},接收消息接收消息要先在app.js中添加回調函數 app.js獲取聊天界面 getRoomPage: function () {
return this.getPage("pages/index/index")//聊天界面
},
getPage: function (pageName) {
var pages = getCurrentPages()
return pages.find(function (page) {
return page.__route__ == pageName
})在app.jsonlanuch方法中進行聲明 var that = this;
WebIM.conn.listen({
onTextMessage: function (message) {
var page = that.getRoomPage()
if (message) {
if (page) {
page.receiveMsg(message, 'txt')//receiveMsg方法就是咱在自己界面定義的方法
}else{
//界面不存在
}
}
}
})index.js中定義的接收消息的方法 receiveMsg: function (msg, type) {
console.log(msg);
},到此簡單的收發消息功能就算實現了,發送語音圖片規則都差不多,只不過參數不一樣,可以參考消息 環信開發文檔 以上就是帶你深入了解微信小程序集成環信SDK的詳細內容,更多請關注php中文網其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!