Другой подход заключается в том, чтобы не иметь секрет на устройстве в первую очередь! См. Методы безопасности мобильных API (особенно часть 3).
Используя традиционную косвенную традицию, поделитесь секретом между конечной точкой API и службой проверки подлинности приложения. Когда ваш клиент хочет вызвать вызов API, он просит службу аутентификации приложения аутентифицировать его (используя сильные методы удаленной аттестации) и получает ограниченный по времени (обычно JWT) токен, подписанный этим секретом. Маркер отправляется с каждым вызовом API, где конечная точка может проверить свою подпись перед действием по запросу.
Настоящий секрет никогда не присутствует на устройстве; на самом деле, приложение никогда не знает, действительно ли оно или нет, оно вызывает проверку подлинности и передает полученный результирующий токен.
Итак, если вы хотите защитить свой секрет, если вы когда-либо захотите изменить секрет, вы можете сделать это, не требуя от пользователей обновлять установленные приложения.
Итак, если вы хотите защитить свой секрет, не имея его в своем приложение в первую очередь является довольно хорошим способом.
var slider = document.getElementById('slider');
$('#box').change(function(){
slider.value=parseInt(this.value);
});
(На самом деле это ваш текущий код. Вы импортировали библиотеку jQuery?) Имейте в виду, что вы установили диапазон ползунка до 200. Попробуйте несколько значений от 0 до 200.
На самом деле это довольно просто. Все это написано в документации API jQuery Tools . Поэтому я изменил свой код на это, и он сработал:
<div>
<input id="slider" type="range" min="0" max="200" />
<input id="box" type="text" value="0"/>
</div>
<script>
var sliderapi = $("#slider").data("rangeinput");
$('#box').change(function(){sliderapi.setValue(parseInt(this.value))});
</script>
в моей стороне я сделал это только в Javascript и добавил событие onchange.
Я также добавил значение = 0 в диапазон, чтобы он начинался с начала.
<div>
<input id="slider" type="range" min="0" max="200" value="0"/>
<input id="box" type="text" value="0"/>
</div>
var slider = document.getElementById('slider');
var box = document.getElementById("box");
slider.onchange = function(){
box.value = slider.value;
}
И добавьте это, если вы хотите заставить его работать с обеих сторон
box.onkeyup = function(){
slider.value = box.value;
}
Привет всем. Те, кто этого не знает, нам не нужны js или jquery для этого
<form>
<div>
<input id="rangeInput" type="range" min="0" max="200" oninput="amount.value=rangeInput.value" />
<input id="amount" type="number" value="100" min="0" max="200" oninput="rangeInput.value=amount.value" />
</div>
</form>
$('#box').change(function(){
$('#slider').attr({"value":parseInt(this.value)});
});
Может работать.