开发领域：前端开发 | AI 应用 | Web3D | 元宇宙
技术栈：JavaScript、React、Three.js、WebGL、Go
经验经验：6 年+ 前端开发经验，专注于图形渲染和 AI 技术
AI域名：数擎AI
企业官网：数擎AI
大家好！我是 [数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和 Web3D、AI 技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！

引言：为什么需要海外部署+国内加速？

在全球化的 AI 时代，许多创业者、开发者和企业选择 .ai 这类国际化域名来彰显技术属性。然而，一个现实的技术挑战随之而来：.ai 域名无法在中国大陆进行 ICP 备案。

这导致了一个两难选择：

• 将服务器放在国内 ⇒ 域名无法备案 ⇒ 网站无法访问 ❌
• 将服务器放在海外 ⇒ 国内用户访问缓慢甚至不稳定 ❌
• 本文将为您提供一套完整的技术解决方案，实现“鱼与熊掌兼得”：将.ai 域名部署在海外高性能服务器，同时让国内用户享受快速、稳定的访问体验。

一、技术架构全景图

二、部署方案

1 购买.ai 结尾的域名

• 作者购买域名用的是 spaceship
  

2. 购买海外服务器

• 海外服务器选择作者用的是lightnode
  
  

3. 安装 nginx 服务

# 1. 更新系统并安装必要组件
sudo apt update && sudo apt upgrade -y
sudo apt install nginx -y

4. nginx 添加载名监听

# 临听80端口
server {
    listen 80;
    server_name fangcun.ai www.fangcun.ai;
    # 只要是 80 访问，通通强制跳到 https 的主展示页
    return 301 https://fangcun.ai$request_uri;
}
# 临听433端口
server {
    listen 443 ssl http2;
    server_name fangcun.ai www.fangcun.ai;

    index index.html index.htm default.htm default.html;
    root /mnt/fangcun;

    ssl_certificate     /etc/nginx/cert/fangcun.ai.pem;
    ssl_certificate_key  /etc/nginx/cert/fangcun.ai.key;

    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;
    add_header Strict-Transport-Security "max-age=31536000";

    location / {
        try_files $uri $uri/ /index.html;
    }

    location /api {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host 8.134.182.122:8888;
        proxy_http_version 1.1;
        proxy_pass http://8.134.182.122:8888;
    }
}

4. 添加域名解析

• 找到域名管理页面，添加域名解析
  
  

5. 配置 SSL 证书配置

• 作者用的是freessl按官网的操作进傻瓜操作成功后,上传证书文件到服务器,并重新加载配置

nginx -t
nginx -s reload

项目的创建与同步到阿里去 oss

1. 创建项目

• 按nextjs官网操作创建项目

2. 打包时时同步上传到阿里云 oss

'use strict';
import fs from 'fs';
import OSS from 'ali-oss';
import path from 'path';

const ossConfig = {
  region: '', // 区域
  accessKeyId: '',
  accessKeySecret: '',
  bucket: '', // 对应的bucket
  secure: true,
  timeout: 60000,
};

// 配置阿里云 OSS 客户端
const client = new OSS(ossConfig);

// 递归上传目录中的所有文件
async function uploadDir(localDir, remoteDir) {
  const files = fs.readdirSync(localDir);
  for (const file of files) {
    const fullPath = path.join(localDir, file);

    // 🔥 确保 remotePath 不会丢失前缀
    const remotePath = path
      .join(remoteDir, file)
      .replace(/\\/g, '/')
      .replace(/^\/+/, ''); // ← 防止以 / 开头时吞掉前缀

    console.log(`upload url: ${remotePath}`);

    const stat = fs.lstatSync(fullPath);
    if (stat.isDirectory()) {
      await uploadDir(fullPath, remotePath);
    } else {
      await client.put(remotePath, fullPath, {
        headers: {
          'Cache-Control': 'public, max-age=31536000, immutable',
          'x-oss-object-acl': 'public-read',
        },
      });
    }
  }
}

(async () => {
  const outDir = path.join(process.cwd(), 'fangcun');
  console.log(`Uploading ${outDir} to OSS...`);
  try {
    await uploadDir(outDir, 'fangcun/');
    console.log('Upload CDN complete!\n');
  } catch (err) {
    console.error(' Upload CDN failed:', err);
  }
})();

阿里云配置 cdn

1. 登录阿里云cdn配置自行查询网上资料，如果遇到问题不明白的加群问作者解决

结语

• 将.ai 域名部署在海外服务器并确保国内高速访问，不再是不可实现的技术挑战。通过本文介绍的分层加速架构和智能流量调度策略，您可以构建出既符合国际标准又兼顾国内用户体验的优质服务。

关键成功因素总结：

• 选址要准：服务器优先选择亚太区域
• 加速要稳：CDN 网络是关键加速层
• 监控要勤：实时掌握各区域访问状态
• 备份要全：永远有 Plan B 应对突发状况
• 随着全球网络环境的变化，这些技术策略也需要持续演进。建议每季度回顾一次架构效果，根据实际监测数据调整优化方向。