怎么使js代码不被看到

要使JavaScript代码不被看到，可以通过代码混淆、压缩、服务器端执行、使用WebAssembly。 其中，代码混淆是一种常见且有效的方法，它通过改变代码结构，使代码难以阅读和理解。下面将详细介绍代码混淆的具体操作方法。

一、代码混淆

代码混淆是指通过改变JavaScript代码的结构，使其难以阅读和理解，但不改变代码的功能。混淆后的代码包含大量无意义的变量名和函数名，从而增加破解的难度。

1、如何进行代码混淆

有许多工具可以帮助你实现JavaScript代码的混淆，例如UglifyJS、Terser、JavaScript Obfuscator等。以JavaScript Obfuscator为例，以下是使用步骤：

安装JavaScript Obfuscator：

你可以通过npm安装JavaScript Obfuscator：
```
npm install -g javascript-obfuscator
```
混淆代码：

运行以下命令，将input.js文件混淆成output.js文件：
```
javascript-obfuscator input.js --output output.js
```
使用混淆后的代码：

将混淆后的代码部署到你的项目中。

通过上述步骤，你可以生成难以阅读和理解的代码，从而提高代码的安全性。

二、代码压缩

代码压缩通过删除代码中的空格、注释和换行符，使代码体积更小且难以阅读。虽然代码压缩的主要目的是减少文件大小以提高加载速度，但它也可以在一定程度上保护代码。

1、如何进行代码压缩

同样有许多工具可以实现代码压缩，例如UglifyJS、Terser等。以下是使用Terser进行代码压缩的示例：

安装Terser：

你可以通过npm安装Terser：
```
npm install terser -g
```
压缩代码：

运行以下命令，将input.js文件压缩成output.js文件：
```
terser input.js -o output.js
```
使用压缩后的代码：

将压缩后的代码部署到你的项目中。

三、服务器端执行

将部分或全部JavaScript代码移到服务器端执行，通过API与前端进行交互。这种方法不仅可以保护代码，还可以提高安全性，因为敏感数据和逻辑不再暴露在客户端。

1、如何进行服务器端执行

选择服务器端语言：

你可以选择Node.js、Python、Java等服务器端语言来执行JavaScript代码。

编写服务器端代码：

将需要保护的JavaScript逻辑移到服务器端实现。例如，使用Node.js编写一个简单的API接口：

const express = require('express');
const app = express();
app.get('/api/data', (req, res) => {
    // 服务器端逻辑
    res.send({ data: 'Hello World' });
});
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

前端调用API：

在前端代码中，通过AJAX或Fetch API调用服务器端接口：

fetch('/api/data')
    .then(response => response.json())
    .then(data => console.log(data));

四、使用WebAssembly

WebAssembly（Wasm）是一种新的编程语言，可以编写高性能的代码，并在浏览器中运行。将JavaScript代码编译成WebAssembly，可以提高代码的执行效率，并且生成的字节码难以阅读和理解。

1、如何使用WebAssembly

编写WebAssembly代码：

你可以使用C、C++等语言编写代码，然后编译成WebAssembly。例如，编写一个简单的C代码：
```
// hello.c
#include <stdio.h>
int main() {
    printf("Hello, WebAssembly!n");
    return 0;
}
```
编译成WebAssembly：

使用Emscripten工具链将C代码编译成WebAssembly：
```
emcc hello.c -o hello.html
```

使用WebAssembly代码：

在前端代码中加载和运行WebAssembly模块：

WebAssembly.instantiateStreaming(fetch('hello.wasm'))
    .then(result => {
        console.log(result.instance.exports.main());
    });

总结

通过代码混淆、压缩、服务器端执行、使用WebAssembly等方法，可以有效地保护JavaScript代码不被轻易看到和理解。每种方法都有其优缺点，你可以根据具体需求选择合适的方式，甚至结合多种方法以达到更好的保护效果。

此外，选择合适的项目管理工具也能帮助你更好地管理和保护代码，例如研发项目管理系统PingCode和通用项目协作软件Worktile，它们提供了丰富的功能和灵活的协作方式，能够提升团队的工作效率和项目管理水平。