Hola! Estoy desarrollando un programa en PHP pero que utiliza algunas funciones en javascript. El caso es que tengo la siguiente función en javascript donde se indican unos datos de conexión. Y claro, cuando miramos el código desde el navegador se pueden ver estas credenciales.

        

function MQTTconnect() {
			var clientID = "clientID-" + parseInt(Math.random() * 100,10);
			console.log("connecting to "+ host +" "+ port);
			mqtt = new Paho.MQTT.Client(host, port, "/ws/mqtt", clientID);
			//document.write("connecting to "+ host);
			var options = {
				useSSL:true,
				timeout: 3,
				onSuccess: onConnect,
				onFailure: onFailure,
				userName: 'yzmoohhh:yzmoohhh',
				password: 'OoMk4VVSOibr-BX0Yc9JE9TZBngbjgXj',
				//reconnect: true
 
			};
			mqtt.onMessageArrived = onMessageArrived
			mqtt.onConnectionLost = onConnectionLost;
 
			mqtt.connect(options); //connect
		}

Cómo podría ocultarlo? Había pensado en poner de alguna forma los valores en una variable PHP de esta forma:

   
userName: '<?php echo $user ?>',
password: '<?php echo $pass ?>',


Pero el resultado sería el mismo al mirar el código desde el navegador.

Me podéis echar una mano? Gracias.

Puedes usar mi criptador:

https://github.com/allnulled/criptador

Luego puedes minificar tu código con uglifyjs:

https://skalman.github.io/UglifyJS-online/

Pero tienes que saber que si se ponen a debuggar, conseguirían sacar la clave igualmente.