javascript: cómo ocultar una clave api con php y js juntos

Estoy haciendo una solicitud de API desde la API de gráficos de Facebook. Me gustaría ocultar la identificación y el token de acceso del lado del cliente. así que almacené el token de acceso en php y luego obtuve los datos con js. pero luego me di cuenta de que todavía se muestra en console.log. ¿Cómo puedo hacerlo seguro? ¿Cómo ocultar la clave API? los datos aún se muestran en la consola, así que no estoy seguro de cómo puedo ocultarlos. También probé el método .env pero sé que puedo acceder desde el lado del cliente solo en el lado del servidor.

  let faceIDnum = sns_show_options.facebookID;
let faceID = faceIDnum.toString();
console.log(faceID);
 const businessIDface = faceID ;

así es como lo hice con js.

require_once __DIR__ . '/vendor/autoload.php';

$dotenv = DotenvDotenv::createImmutable(__DIR__);
$dotenv->load();


$snspostcount = get_option('post_count_number');
$sns_facebook_id_info = get_option('facebook_page_id' );

$sns_post_count = putenv("SNS_POST_TOTAL=$snspostcount");
$sns_post_count_val = getenv('SNS_POST_TOTAL');

$sns_facebook = putenv("SNS_FACEBOOK_ID=$sns_facebook_id_info");
$sns_facebook_id = getenv('SNS_FACEBOOK_ID');

// $nametag = $_ENV["SKDAI"];
var_dump($sns_post_count_val);

function wp_enqueue_javascript_scripts() {

    wp_register_script( 'javascript-js', get_template_directory_uri() . './js/index.js', array(), '1.0.0', true );
    wp_enqueue_script( 'javascript-js' );
    wp_localize_script( 'javascript-js', 'sns_show_options', 
    [
     'facebookID'=> getenv('SNS_FACEBOOK_ID')
  
     
    ]
    );
}