輕鬆給小程序注入實時體驗 | 野狗 SDK (微信小程序版) 正式發佈

圖片描述

01-幫助開發者從零開發小程序

野狗 SDK 微信小程序版能提供給小程序開發者三大好處:html

1,實現毫秒級的實時數據同步功能git

若是你的應用場景須要實時性,那麼野狗能提供毫秒級的實時通訊(例如 QQ 和微信這類及時通信應用,固然這只是一個方面)和數據分發功能(相似於股票行情信息的實時推送)。github

野狗 SDK 小程序版基於野狗實時通訊引擎開發而成,而實時通訊引擎是野狗的核心,它採用了本地處理,雲端同步的全新通訊技術架構,能夠有效提高訪問速度,同時解決在弱網環境下消息亂序,丟失和重複的問題。web

它使得開發者可以輕鬆得到高質量的實時通訊及數據分發功能。小程序

2,實現微信登陸功能後端

野狗 SDK 微信小程序版支持微信小程序內的微信登陸,只須要1行代碼就能夠實現微信登陸功能。而且能夠在野狗的控制面板看到微信小程序的登陸用戶ID(即微信登錄成功後微信返回給的OpenID)。微信小程序

3,無需本身構建後端服務器服務器

微信小程序框架提供了不少客戶端的解決方案,但缺乏服務端的對應實現,須要小程序開發者從零開始構建本身的文件存儲服務器,這大大提高了開發時間和開發成本,而野狗能夠很好地解決這個問題。微信

使用野狗 SDK 微信小程序版,開發者能夠避開基礎設施的構建,只需不到原來一半的時間和成本就能夠完成產品開發任務。這使得開發者更加專一於編寫小程序業務自己。架構

02-如何理解野狗 SDK 小程序版

野狗 SDK 微信小程序版,是基於 Wilddog Web SDK 的微信版本,它對微信小程序的運行環境進行了深度定製。

好比,微信小程序僅支持一條 WebSocket 鏈接,野狗則對這條 WebScoket 鏈接進行了更加從充分的利用,從而可使用這條WebSocket鏈接作更多的事情,例如:在線協做、實時聊天。這讓開發者可輕鬆添加多種實時功能,而無需自行開發。

除此以外,野狗 SDK 微信小程序版充分發揮了野狗實時通訊的優點,能夠幫助開發者將數據從一端迅速傳遞到另一端,消息傳遞毫秒可達。

03-如何使用野狗 SDK 小程序版

如下是使用野狗SDK微信小程序版實現數據的增刪改查示例,更多野狗 SDK(微信小程序版)使用方法請參考官方文檔: https://docs.wilddog.com/quic...

初始化

// 初始化
var config = {
  authDomain: "<appId>.wilddog.com",
  syncURL: "https://<appId>.wilddogio.com"
};
wilddog.initializeApp(config);

寫入數據

var ref = wilddog.sync().ref("/web/saving-data/wildblog/users");
// child() 用來定位到某個節點。
ref.child("Jobs").set({
    "full_name": "Steve Jobs",
    "gender": "male"
});

追加數據

var ref = wilddog.sync().ref("/web/saving-data/wildblog/users");
var postsRef = ref.child("messages");
postsRef.push({
  "full_name" : "Steve Jobs",
     "message" : "Think difference"
});
postsRef.push({
  "full_name" : "Bill Gates",
  "message" : "Hello World"
});

更新數據

var ref = wilddog.sync().ref("/web/saving-data/wildblog/users");
// 只更新 Jobs 的 full_name
var hopperRef = ref.child("Jobs");
hopperRef.update({
  "full_name": "Tim Cook"
});

刪除數據

var ref = wilddog.sync().ref("/web/saving-data/wildblog/users");
ref.set({
    "full_name" : "Steve Jobs",
    "gender" : "male"
});
//刪除上面寫入的數據
ref.remove()

04-用野狗 SDK 製做的小程序Demo

新款錘子真機測試,To do list Demo,源碼傳到了Github上,感興趣的同窗能夠下載並自行嘗試。

源碼地址:https://github.com/stackOverM...

圖片描述

相關文章
相關標籤/搜索