2019獨角獸企業重金招聘Python工程師標準>>>

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

轉載于:https://my.oschina.net/u/2505907/blog/551176

總結

以上是生活随笔為你收集整理的Android版添加phonegap--websocket客户端插件教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。