V2rayN N客户端教程

第一步：安装 V2rayN

1. 下载并安装 Next.js：

   • 下载并安装 latest version of Next.js，如果使用的是 Next.js 13，可以使用以下命令：

     npm install

   • 如果你已经安装了 older version，可以通过 URL 下载。

2. 将 V2rayN 引入 Next.js：

   • 在 next.config.js 中添加以下内容：

     const { NextVersion } = require('next');
     const { NextBundle } = require('next-bundle');
     const { NextProvider, NextRoutes } = require('next');
     NextVersion({
       providers: NextProvider({
         routes: NextRoutes({
           globals: {
               v2rayn: {
                 version: NextVersion.current,
                 components: ['v2rayn']
               },
             },
           }
         }
       })
     });

   • 检查是否需要安装 Next.js 的额外依赖，安装 next-bundle：

     npm install next-bundle

3. 点击 App.js 加载 Next.js：

   • 在 Next.js 的 App.js 文件中添加以下内容：

     const { NextProvider, NextRoutes, NextRoutesContext } = require('next');
     const { NextBundle } = require('next-bundle');
     const { NextProvider } = require('next');
     const { routes } = NextRoutesContext({
       globals: {
           v2rayn: {
             version: NextVersion.current,
             components: ['v2rayn']
           }
       }
     });
     NextProvider({
       routes: routes,
       app: NextApp({ load: NextRoutesContext() })
     });

   • 点击 App.js 的 Run 选项即可启动 Next.js 应用。

第二步：配置 N客户端

1. 确保 N客户端 已加载 Next.js：

   • 在 Next.js 的 App.js 文件中添加以下内容：

     const { NextProvider, NextRoutes } = require('next');
     const { NextBundle } = require('next-bundle');
     const { NextProvider } = require('next');
     const { NextRoutesContext } = require('next-bundle-routes');
     const { routes } = NextRoutesContext({
       globals: {
           v2rayn: {
             version: NextVersion.current,
             components: ['v2rayn']
           }
       }
     });
     NextProvider({
       routes: routes,
       app: NextApp({ load: NextRoutesContext() })
     });

   • 点击 App.js 的 Run 选项即可启动 Next.js 应用。

2. 安装 N客户端：

   • 下载 V2rayN 的 N客户端，并将其安装到 v2rayn 目录中：

     cd v2rayn
     download("https://raw.githubusercontent.com/v2rayn/v2rayn/master/src/n客户端/standalone/NClient.js")

   • 启动 N客户端：

     npm run dev

3. 可以从 v2rayn 目录中加载 N客户端：

   • 在 Next.js 的 v2rayn 目录中运行以下命令：

     npm run dev

第三步：学习 N客户端 的基本操作

创建场景

1. 打开 Next.js 端，访问 http://localhost:3

2. 进入 index.js 文件：

   const NextApp = require('next');
   const app = NextApp().run({ host: 'localhost', port: 3 });
   app.get('/api', (req, res) => {
     res.json(req.body);
   });
   app.on('version', (version, options) => {
     console.log(version, options);
   });

3. 在 index.js 文件中，添加以下代码：

   app.on('version', (version, options) => {
     console.log('V2rayN v', version, 'build');
   });

4. 进入 index.js 文件的 index.js：

   const NextRoutesContext = require('next-bundle-routes');
   const { NextRoutes } = NextRoutesContext({
     globals: {
       v2rayn: {
         version: 'v2rayn-1.',
         components: ['v2rayn']
       }
     }
   });
   const routes = NextRoutesContext({
     globals: {
       v2rayn: {
         version: 'v2rayn-1.',
         components: ['v2rayn']
       }
     }
   });
   NextRoutesContext.load(routegrmes: routes);
   NextRoutesContext.load(globals: globals);
   // 如果你的 API 未被加载，请添加：
   NextRoutesContext.load(globals: globals, routegrmes: routegrmes);
   app.get('/api', (req, res) => {
     res.json(req.body);
   });

5. 点击 App.js 的 Run 选项即可启动 Next.js 应用。

创建角色

1. 在 Next.js 的 index.js 中添加以下代码（默认创建一个角色）：

   const NextRoutesContext = require('next-bundle-routes');
   const { NextRoutes } = NextRoutesContext({
     globals: {
       v2rayn: {
         version: 'v2rayn-1.',
         components: ['v2rayn']
       }
     }
   });
   const routes = NextRoutesContext.load(routegrmes: NextRoutes);
   const globals = NextRoutesContext.load(globals: NextRoutes);
   // 创建角色
   const { player } = NextRoutesContext.load(globals);
   player.id = 'player1';
   player.name = 'Player 1';
   player.position = 'Player 1' + ' Position';
   player.species = 'Player 1' + ' Species';
   player.position.x = 0;
   player.position.y = 0;
   player.position.z = 0;
   player.position.zSpeed = 0;
   player.isWalking = false;
   // 创建场景
   const { scene } = NextRoutesContext.load(globals);
   scene.name = 'Scene 1';
   scene.content = 'Scene 1 Content';
   scene.isUserCreated = false;
   scene.isWorldCreated = true;
   scene.isWorldNodesCreated = true;
   scene.isWorldEnvironmentCreated = true;
   scene.create();
   scene.lookAt(, 0, 0);
   scene.lookTo(1, 1, 1);
   });

第四步：学习 N客户端 的高级操作

设置场景

1. 在 Next.js 的 index.js 中，添加以下代码（默认创建场景）：

   const NextRoutesContext = require('next-bundle-routes');
   const { NextRoutes } = NextRoutesContext({
     globals: {
       v2rayn: {
         version: 'v2rayn-1.',
         components: ['v2rayn']
       }
     }
   });
   const routes = NextRoutesContext.load(routegrmes: NextRoutes);
   const globals = NextRoutesContext.load(globals: NextRoutes);
   // 设置场景
   const { scene } = NextRoutesContext.load(globals);
   scene.name = 'Scene 1';
   scene.content = 'Scene 1 Content';
   scene.isUserCreated = false;
   scene.isWorldCreated = true;
   scene.isWorldNodesCreated = true;
   scene.isWorldEnvironmentCreated = true;
   scene.create();
   scene.lookAt(, 0, 0);
   scene.lookTo(1, 1, 1);
   scene.lookTo(, 0, 1);
   scene.lookTo(, 0, -1);
   scene.lookTo(1, 1, 1);
   scene.lookTo(, 0, 2);
   scene.lookAt(1, 1, 1);
   scene.lookTo(2, 2, 2);
   scene.lookAt(3, 3, 3);
   scene.lookTo(4, 4, 4);
   scene.lookAt(5, 5, 5);
   scene.lookTo(6, 6, 6);
   scene.lookAt(7, 7, 7);
   scene.lookTo(8, 8, 8);
   scene.lookAt(9, 9, 9);
   scene.lookTo(1, 1, 1);
   scene.lookAt(11,