Как подключится к серверу nodejs из андроид приложения построенного на webView?

Question

historydev @historydev

long long long long long .... int

Как подключится к серверу nodejs из андроид приложения построенного на webView?

Я блин перенёс статику, стартанул локальный сервер и хост пробовал, не работает :(
Пример html файла и клиента который подключится пожалуйста

Вопрос задан более трёх лет назад
169 просмотров

16 комментариев

Подписаться 1 Средний 16 комментариев

Иван Шумов @inoise

С такой постановкой вопроса на фриланс.

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Иван Шумов, Что не так?

Написано более трёх лет назад
Иван Шумов @inoise

HistoryART, "я что-то сделал, но не покажу что, а вы угадывайте"

Написано более трёх лет назад

historydev @historydev Автор вопроса, куратор тега JavaScript

Иван Шумов, извини, вот код
*.html

<!DOCTYPE html>
<html>
   <head>
   		<meta charset="utf-8">
   		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
     <title>ARAGON | BATTLE</title>
     <link rel="stylesheet" href="file:///android_asset/client/css/boss.css">
   </head>
   <body>
   	<div class="hp-border"></div>
   	<div class="box">
     <div class="hp-line"></div>
    </div>
    <div class="boss-name">JUNGLER</div>
    <div class="chat">
    	<div class="users-count"></div>
    	<div class="chat-box"></div>
    	<div class="user-data">
    		<input class="user-name" placeholder="nickname" disabled>
    		<button class="send-to-chat">Send</button>
    		<textarea class="chat-message" disabled></textarea>
    	</div>
    </div>
    <section>
   			<div class="boss"></div>
   			<div class="achivements">
   				<div class="armor"></div>
   				<div class="sword"></div>
   				<div class="heal"></div>
   			</div>
   			<div class="user-border"></div>
   			<div class="user-hp"></div>
   	</section>
   	<script src="file:///android_asset/client/lib/jquery.min.js"></script>
   	<script src="file:///android_asset/client/public/node_modules/socket.io/socket.io.js"></script>
    <script src="file:///android_asset/client/scripts/boss.js"></script>
   </body>
</html>

*.java

package com.example.caveshadows;

import android.annotation.TargetApi;
import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebResourceRequest;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.view.View;

public class MainActivity extends Activity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.onStart();
        
        setContentView(R.layout.activity_main);



        webView = (WebView)findViewById(R.id.web);


        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return false;
            }

            @TargetApi(Build.VERSION_CODES.N)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                return false;
            }
        });

        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setDomStorageEnabled(true);
        webView.loadUrl("file:///android_asset/client/public/boss.html");

    }
    @Override
      protected void onResume() { 
 //webView.getSettings().setAppVisible(true, this); 
 super.onResume(); 
 if (Build.VERSION.SDK_INT >= 19) { 
 getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | 
 View.SYSTEM_UI_FLAG_FULLSCREEN | 
 View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY 
 ); 
 } 
 }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (event.getAction() == KeyEvent.ACTION_DOWN) {
            switch (keyCode) {
                case KeyEvent.KEYCODE_BACK:
                    if (webView.canGoBack()) {
                        webView.goBack();
                    } else {
                        finish();
                    }
                    return true;
            }

        }
        return super.onKeyDown(keyCode, event);
    }
}

*.js

var host = 'http://localhost:3000/';
var socket = io(host, {
	upgrade: false,
	reconnection: true,
	reconnectionDelay: 0,
	reconnectionDelayMax : 500,
	reconnectionAttempts: 99999
});
var hp,hp2,connections,x,message,msg,x2;
var boss_damage = Math.floor((Math.random() * 1000) + 500);
var user_damage = Math.floor((Math.random() * 31000) + 1000);
var bonus_sword_damage = 10000;
var max_user_hp = 30000,user_hp = max_user_hp,x2,lose,win,draw;
var heal=3000,youlose='Вы проиграли, следите за здоровьем!(Оно восстановится в течении 15 секунд.)';

$.getJSON('https://api.ipify.org?format=json', function(data){ 
  	socket.emit('banned',data.ip); 
});

socket.emit('hp line for all');

var count=25200; 
var counter=setInterval(timer, 1000);
function timer() {
 count--; 
 if (count <= 0 || lose == 'lose' || win == 'win' || draw == 'draw') {
 	 clearInterval(counter);
 	 //localStorage.clear();
 	 localStorage.setItem('hp', max_user_hp); 	 
 }
}

socket.on('connect', () => {
	 user_hp = localStorage.getItem('hp');
	 x2 = localStorage.getItem('w');
	 localStorage.clear();
	 socket.emit('user fight', user_hp,x2);
});

$('.user-name').click(function() {
	$('.user-name').css({'top':'0px','position':'absolute','z-index':'9999'});
});


$('.chat').click(function() {
	alert('На данный момент чат отключён - попробуйте позже.');
});
      		
$('.boss').click(function() {
	
		window.onfocus = function () { 
			socket.emit('new session');
		};
		
		user_hp = user_hp-boss_damage;
		x2 = user_hp/max_user_hp*100;
		
		/*if(user_hp <= 0 || user_hp >= max_user_hp) {
			localStorage.setItem('hp', max_user_hp);
			user_hp = max_user_hp;
			x2 = 100;
		}*/
		if(user_hp >= max_user_hp) {
 				user_hp = max_user_hp;
 				x2 = 100;
 			}
		
		localStorage.setItem('hp', user_hp);
		localStorage.setItem('w', x2);
		
  socket.emit('boss fight', user_damage);
  socket.emit('user fight', user_hp,x2);
  $('.hp-line').css("width", x+'%');
  $('.user-hp').css("width", x2+'%');
});

$('.sword').click(function() {
	 
   user_hp = user_hp-boss_damage;
		x2 = user_hp/max_user_hp*100;
		
		/*if(user_hp <= 0 || user_hp >= max_user_hp) {
			localStorage.setItem('hp', max_user_hp);
			user_hp = max_user_hp;
			x2 = 100;
		}*/
		if(user_hp >= max_user_hp) {
 				user_hp = max_user_hp;
 				x2 = 100;
 			}
		
		localStorage.setItem('hp', user_hp);
		localStorage.setItem('w', x2);
		
  socket.emit('boss fight', user_damage+bonus_sword_damage);
  socket.emit('user fight', user_hp,x2);
  $('.hp-line').css("width", x+'%');
  $('.user-hp').css("width", x2+'%');
});
$('.heal').click(function() {	
  	user_hp = user_hp+heal;
		x2 = user_hp/max_user_hp*100;
		
		/*if(user_hp <= 0 || user_hp >= max_user_hp) {
			localStorage.setItem('hp', max_user_hp);
			user_hp = max_user_hp;
			x2 = 100;
		}*/
		if(user_hp >= max_user_hp) {
 			user_hp = max_user_hp;
 			x2 = 100;
 		}
		
		localStorage.setItem('hp', user_hp);
		localStorage.setItem('w', x2);
		
  socket.emit('user fight', user_hp+heal,x2);
  $('.user-hp').css("width", x2+'%');
  
});
var healtimer = setInterval(timer2, 3000);
		function timer2() {
	
			user_hp = user_hp+heal;
			x2 = user_hp/max_user_hp*100;
		
			if(user_hp <= 0) {
				//localStorage.setItem('hp', max_user_hp);
				//user_hp = max_user_hp;
			}
		
		
			localStorage.setItem('hp', user_hp);
			localStorage.setItem('w', x2);
		
  		socket.emit('user fight', user_hp,x2);
  		$('.user-hp').css("width", x2+'%');
  
 			/*if(user_hp >= max_user_hp || user_hp <= 0) {
 				user_hp = max_user_hp;
 				x2 = 100;
 			}*/
 			if(user_hp >= max_user_hp) {
 				user_hp = max_user_hp;
 				x2 = 100;
 			}
		}
/*$('.send-to-chat').click(function() {
  name = $(".user-name").val();
  msg = $(".chat-message").val();
  socket.emit('chat message', msg);
});*/

socket.on('realtime hp', function(data) {
  hp = data;
  $('.hp-border').html(hp);
});

$('.hp-border').html(hp);
$('.user-hp').css("width", x2+'%');
      	       	 
socket.on('disconnect', function(data) {
	//alert('Вы отключены от сервера!');
	//alert(data);
 // window.location.replace(host + 'serverfull');
});
socket.on('connections', function(data) {
	$('.users-count').html(data);
});

socket.on('hp line width', function(data) {
	x = data;
	$('.hp-line').css("width", x+'%');
	$('.user-hp').css("width", x2+'%');
});

socket.on('w', function(data) {
	x2 = data;
	$('.user-hp').css("width", x2+'%');
});
socket.on('chat msg', function(data) {
	message = data;
	$(".chat-box").append("<li class='message'><div class='name'></div>" + message + "</li>");
});
socket.on('ban', function(data) {
	alert(data);
});

socket.on('win', function(data) {
	alert('You win this battle!');
	win = 'win';
	//window.location.replace("/");
});

socket.on('lose', function(data) {
	$(".chat-box").append("<li class='message'><div class='name'></div>" + youlose + "</li>");
	alert('You lose this battle!');
	lose = 'lose';
	hp = maxhp;
});

socket.on('server full', function(data) {
	alert(data);
});

socket.on('draw', function(data) {
	alert('DRAW!Revenge!');
	draw = 'draw';
});

window.onbeforeunload = function() { 
	//return "Данные не сохранены. Точно перейти?";
	
};

Написано более трёх лет назад

historydev @historydev Автор вопроса, куратор тега JavaScript

Иван Шумов, Мне нужно подрубится к серву, я думаю что проблема в подключении сокета на клиенте.На локалке пишу /socket.io/socket.io.js и оно работает, а здесь уже тысячу вариантов перебрал, 0 толку

Написано более трёх лет назад
Иван Шумов @inoise

HistoryART, логи сервера смотрел?

Написано более трёх лет назад
Иван Шумов @inoise

HistoryART, и что в твоем boss.js ?

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Иван Шумов, пусто, не ошибок, не запросов

Написано более трёх лет назад
Иван Шумов @inoise

HistoryART, значит запросов нет. Значит приложение не туда стучится

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Иван Шумов, или оно не стучится вообще

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript
Иван Шумов, *.html почти уверен что проблема здесь
<script src="file:///android_asset/client/public/node_modules/socket.io/socket.io.js"></script>
Написано более трёх лет назад
Иван Шумов @inoise

HistoryART, проводи отладку. или файлы не подключаются или стучится не туда или стучится туда, но по сети нет доступа. одно из трех. с тем что ты делаешь я не знаком, но в отладке надо в таком порядке проверять

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Иван Шумов, как мне узнать /socket.io/socket.io.js правильный ли путь?

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Иван Шумов, как же я люблю cdn, всегда выручает, проблема была в /socket.io/socket.io.js
Заменить на https://cdnjs.cloudflare.com/ajax/libs/socket.io/2...

Написано более трёх лет назад
Иван Шумов @inoise

HistoryART, Google %framework_name% testing(debugging) in production

Написано более трёх лет назад
Иван Шумов @inoise

HistoryART, всегда надо уметь отладке в проде

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Skillbox

JavaScript

3 месяца

Далее
Академия Eduson

Fullstack-разработчик на JavaScript

11 месяцев

Далее
Skypro

JavaScript-разработчик с нуля

9 месяцев

Далее

Решения вопроса 1

Комментировать

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+1 ещё

Простой
Как идентифицировать проксированные ошибки?
- 1 подписчик
- 16 часов назад
- 53 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать резкое переключение слайдов?
- 1 подписчик
- 03 дек.
- 97 просмотров
0

ответов
JavaScript

Простой
Как сделать чтоб условия не перезаписывались?
- 1 подписчик
- 02 дек.
- 178 просмотров
1

ответ
Android

+1 ещё

Простой
Почему Андроид не пишет на microSD?
- 1 подписчик
- 01 дек.
- 185 просмотров
2

ответа
Android

+1 ещё

Простой
На каких б/у моделях китайских смартфонов с Андроид 8 и выше можно спокойно поставить root?
- 4 подписчика
- 30 нояб.
- 404 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Элемент стилизации на js, как сделать чтобы не было резкой смены картинки фона?
- 1 подписчик
- 27 нояб.
- 185 просмотров
1

ответ
Android

+1 ещё

Простой
Как настроить языки в мобильных браузерах?
- 1 подписчик
- 26 нояб.
- 91 просмотр
1

ответ
Android

Простой
Compose: как отобразить mutable список из mutable объектов?
- 1 подписчик
- 24 нояб.
- 48 просмотров
0

ответов
JavaScript

Простой
Переход по ссылке с параметром на конкретный узел в vis.js?
- 1 подписчик
- 24 нояб.
- 116 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как сделать сложную виртуализацию?
- 1 подписчик
- 22 нояб.
- 268 просмотров
2

ответа
Показать ещё Загружается…

Fullstack JavaScript разработчик

MakeDifference

от 60 000 до 110 000 ₽

React разработчик

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

Fullstack-разработчик (PHP, Vue.js)

Qwintry

от 1 200 до 2 000 $

С такой постановкой вопроса на фриланс.
HistoryART, "я что-то сделал, но не покажу что, а вы угадывайте"
Иван Шумов, Мне нужно подрубится к серву, я думаю что проблема в подключении сокета на клиенте.На локалке пишу /socket.io/socket.io.js и оно работает, а здесь уже тысячу вариантов перебрал, 0 толку
Иван Шумов, пусто, не ошибок, не запросов
HistoryART, значит запросов нет. Значит приложение не туда стучится
Иван Шумов, или оно не стучится вообще
Иван Шумов, *.html почти уверен что проблема здесь
<script src="file:///android_asset/client/public/node_modules/socket.io/socket.io.js"></script>
HistoryART, проводи отладку. или файлы не подключаются или стучится не туда или стучится туда, но по сети нет доступа. одно из трех. с тем что ты делаешь я не знаком, но в отладке надо в таком порядке проверять
Иван Шумов, как мне узнать /socket.io/socket.io.js правильный ли путь?
Иван Шумов, как же я люблю cdn, всегда выручает, проблема была в /socket.io/socket.io.js
Заменить на https://cdnjs.cloudflare.com/ajax/libs/socket.io/2...
HistoryART, Google %framework_name% testing(debugging) in production
HistoryART, всегда надо уметь отладке в проде

Answer 1 · 2019-06-03 02:55:49

historydev @historydev Автор вопроса, куратор тега JavaScript

long long long long long .... int

как же я люблю cdn, всегда выручает, проблема была в /socket.io/socket.io.js
Заменить на https://cdnjs.cloudflare.com/ajax/libs/socket.io/2...

Ответ написан более трёх лет назад

Комментировать

Как подключится к серверу nodejs из андроид приложения построенного на webView?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт