Android版添加phonegap--websocket客戶端插件教程

1.在Eclipse中新建Android Project項目chatdemo

2.把animesh kumar的websocket-android-phonegap項目java文件打成phonegap-websocket-support.jar包，存放在 android project的libs目錄下

3.把websocket.js存放在 assets/www/js目錄下

4.修改項目啓動類App.java

5.添加<script src="js/websocket.js"></script>

6. App.java修改後：
   public class App extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.loadUrl("file:///android_asset/www/index.html");
     // 綁定websocket支持
    appView.addJavascriptInterface(new WebSocketFactory(appView),
    "WebSocketFactory");
    }

7. 客戶端的修改
須要在html頁面端作些手腳，優先加載websocket.js進行一些環境變量的設定，這樣socket.io就能夠檢測websocket的支持。
websocekt.js的初始化代碼：
(function(){    
var global = window;
var WebSocket = global.WebSocket = function(url) {
com.strumsoft.websocket.WebSocketFactory.java)
this.socket = WebSocketFactory.getInstance(url);
if(this.socket) {
WebSocket.store[this.socket.getId()] = this;
} else {
throw new Error('Websocket instantiation failed! Address might be wrong.');
    }
    };
WebSocket.store = {};
WebSocket.onmessage = function (evt) {
WebSocket.store[evt._target]['onmessage'].call(global, evt);
    }    
WebSocket.onopen = function (evt) {
WebSocket.store[evt._target]['onopen'].call(global, evt);
    }
WebSocket.onclose = function (evt) {
WebSocket.store[evt._target]['onclose'].call(global, evt);
    }
WebSocket.onerror = function (evt) {
WebSocket.store[evt._target]['onerror'].call(global, evt);
    }
WebSocket.prototype.send = function(data) {
this.socket.send(data);
    }
 
WebSocket.prototype.close = function() {
this.socket.close();
    }
WebSocket.prototype.getReadyState = function() {
this.socket.getReadyState();
    }
WebSocket.prototype.onopen = function(){
throw new Error('onopen not implemented.');
 };
WebSocket.prototype.onmessage = function(msg){
throw new Error('onmessage not implemented.');
 };

8.看一下websocket的檢測函數：
WS.check = function () {
return (‘WebSocket’ in global && !(‘__addTask’ in WebSocket))
        || ‘MozWebSocket’ in global;
};

很天然的，自定義的websocket.js與socket.io二者就能銜接在一塊兒了。


9.所以，必須的頁面JS加載順序爲：
<!–android平臺須要添加，其它移動平臺，好比IOS則不須要 –>
<!–必定要放在socket.io.min.js前面 –>
<script src="js/websocket.js"></script>
<script src="js/socket.io.min.js"></script>
在HTML頁面端，咱們僅僅須要添加一行<script src="js/websocket.js"></script>引用，讓android平臺下socket.io優先選擇websocket，既簡單又方便。
至於其它平臺，則不須要考慮這麼，只須要把/chatdemo/assets/www目錄下打包成zip包（切記把<script src="js/websocket.js"></script>去除掉），上傳到雲構建平臺自動構建便可。

KeyMob移動平臺,是中國最優秀的隨意自由切換平臺,基於強大的技術支持、優質的服務。經過整合廣告主、應用開發者和移動營銷資源,爲廣告主提供精準的效果和品牌推廣服務,爲應用開發者創造更大的收益。