EdgeOne Pages：1分钟部署 DeepSeek R1，你的专属 AI 网站触手可及！

最新推荐文章于 2025-04-09 23:05:07 发布

Lion 莱恩呀

最新推荐文章于 2025-04-09 23:05:07 发布

阅读量958

点赞数 29

本文链接：https://blog.csdn.net/Long_xu/article/details/147013010

版权

文章目录

一、EdgeOne Pages 是什么？
二、搭建自己的 AI 网站
三、自定义配置
四、总结

一、EdgeOne Pages 是什么？

Tencent EdgeOne Pages 是构建在腾讯云全球边缘加速网络之上的全栈式应用开发平台，专为现代化Web应用提供「开发-部署-运维」全链路解决方案。平台深度整合边缘计算与Serverless架构，支持从静态站点到动态API的全场景覆盖。

核心技术特性：

依托全球2000+边缘计算节点，实现资源动态编排与智能路由。通过TCP加速协议优化，使首字节到达时间（TTFB）降低至50ms以内，页面加载性能提升300%
零运维Serverless架构： 提供基于V8隔离沙箱的边缘函数运行时环境（支持JavaScript/TypeScript），实现毫秒级冷启动（<50ms）。支持自动扩缩容，每日可处理百亿级请求。
深度集成GitHub/GitLab/Gitee，实现代码提交→自动构建→灰度发布→监控告警的全流程自动化。内置20+主流框架预设（Next.js/Nuxt.js/Gatsby等），构建耗时降低70%。
提供边缘KV存储、D1数据库、AI推理引擎等扩展服务，支持构建完整的BFF（Backend For Frontend）中间层，实现前后端一体化开发（全栈开发支持）。

效率对比：

传统模式痛点	EdgeOne Pages解决方案	效率提升
手动配置CDN/服务器	智能资源编排，一键全球部署	部署耗时缩短85%
本地构建耗时严重	分布式并行构建引擎	构建速度提升4-6倍
运维成本居高不下	自动监控+智能告警系统	运维工作量减少90%
全球化访问延迟高	边缘节点动态渲染（ESR）	亚太/欧美访问延迟<100ms

在这里插入图片描述

典型应用场景：

全球化Web应用加速。技术实现路径：
```
用户请求 → 边缘节点智能路由 → 动态内容边缘渲染(ESR) → 客户端水合(Hydration)
```
- 电商站点全球访问延迟<80ms
- 动态内容缓存命中率>95%
- 带宽成本降低40%
全栈应用开发。
- 前端：React/Vue框架构建交互界面
- BFF层：边缘函数实现业务逻辑
- 数据层：边缘KV存储+D1关系型数据库
持续交付实践。
- 部署频率提升10倍（日均部署50+次）
- 变更失败率<1%
- 回滚耗时<30秒

开发者生态支持：

免费体验计划：公测期间提供10GB/月带宽免费额度+百万次函数调用
开发者工具链：CLI工具/VSCode插件/Chrome调试扩展
智能诊断系统：构建错误根因分析+性能优化建议
社区知识库：覆盖从入门到架构设计的300+场景化指南

该平台已成功支撑某头部跨境电商实现全球秒级开屏（1.2s→0.3s），助力某SaaS厂商将部署频率从每周1次提升至每日20次。现阶段面向开发者开放全功能免费试用，并计划于Q4推出AI辅助编程、智能压测等创新功能。

二、搭建自己的 AI 网站

AI 行业备受瞩目的 DeepSeek R1 模型，凭借其在代码生成、文本创作、知识问答等领域的卓越表现，已在 GitHub 上斩获 7w+ Star，Hugging Face 下载量突破 400 w+。

DeepSeek R1 是一款开源的、具有卓越性能的大语言模型。其开源特性，降低了开发者使用和二次开发的门槛，促进了 AI 技术的普及。

现在，腾讯云 EdgeOne Pages 率先开放 DeepSeek R1 AI 聊天模板的免费公测，让开发者能够以前所未有的便捷方式，在边缘节点部署这一强大的 AI 模型！

通过 EdgeOne Pages 部署 DeepSeek R1，可以轻松构建各种 AI 应用，例如：

智能客服： 提供 24 小时在线客服，解答用户疑问，提升客户满意度。
AI 写作： 自动生成文章、新闻稿、营销文案等，提高写作效率。
代码助手： 辅助开发者编写代码，提高代码质量和开发效率。
知识问答： 构建专业领域的知识库，提供精准的知识问答服务。
创意生成： 激发灵感，生成绘画、音乐、故事等创意内容。

EdgeOne Pages 的 DeepSeek R1 AI 聊天模板免费公测现已开启！参与公测，就可以：

零成本体验边缘 AI 部署： 免费使用 EdgeOne Pages 提供的资源，体验 DeepSeek R1 的强大能力。
快速搭建 AI 应用： 通过简单的配置，即可搭建自己的 AI 网站。

使用 EdgeOne Pages 只需简单几步，就能部署一个AI网站。接下来教你如何一步步构建自己的 Deepseek AI 网站。

官方网址：https://console.cloud.tencent.com/edgeone/

操作详细文档直通车：https://edgeone.cloud.tencent.com/

2.1、创建项目

（1）首先登录控制台地址（https://console.cloud.tencent.com/edgeone/），并找到找到Pages 选项，目前Pages还在Beta测试版。
在这里插入图片描述

（2）跳转到模板页面，选择“DeepSeek R1 for Edge”模板。

在这里插入图片描述

（3）选择Git平台，需要授权。这里我选择了Gitee。
在这里插入图片描述

（4）然后选择区域，点击“立即创建”开始创建项目。平台开始一系列的初始化动作，例如将模版同步克隆到代码托管平台
在这里插入图片描述

2.2、部署项目

初始化完成后，会自动重定向到构建部署页面。在这里，可以实时监控整个初始化、构建和部署的详细过程。每一个步骤都会清晰地展示，随时掌握项目的进展状态。

顺便说一下，在初始化完成之后，建议前往自己的代码托管平台（如 GitHub、Gitee等）确认一下。 EdgeOne Pages 会自动在你的仓库中添加必要的配置文件（例如 edgeone.yml），以便后续的自动化构建和部署。检查这些文件可以确保配置正确，为后续的顺利部署打下基础。

（1）当在页面上看到欢快的撒花🎉🎉🎉动画（太快了，截图没有截取到），并收到“部署成功”的提示时，就代表网站或应用已经成功上线，可以面向全球用户提供服务了！

在这里插入图片描述

（2）部署完成后，滑动页面至“预览”区域。可以找到一个“预览”按钮。点击此按钮，即可立即查看刚刚成功部署的网站或应用程序的公开访问地址（临时地址）。
在这里插入图片描述
（3）预览使用临时域名进行展示，但对于个人体验来说足以满足需求。如果拥有自己的域名，强烈建议在配置中绑定自己的域名。只有绑定了自己的域名，这个网站才真正属于你，拥有完全的控制权。

Pages 提供了灵活的域名管理功能，包括项目域名、部署域名和自定义域名。默认情况下会分配一个基于 Pages 平台的项目子域名，以便可以快速预览和分享项目。为了获得最佳的品牌形象和用户体验，推荐使用自定义域名。通过绑定自定义域名，可以建立独特的在线品牌，并提升网站的专业性和可信度。Pages 提供了简单易用的域名配置界面，帮助轻松完成域名绑定。

在这里插入图片描述

2.3、AI 网站实践

在完成上述步骤后，就可以通过访问部署地址，体验在线 AI 的强大能力了。比如，输入一段文字指令：“Hi，请帮我生成一个 520 浪漫表白的 HTML 页面”。不仅输出了最终生成的 HTML 代码，还详细地呈现了生成过程，包括参考信息和 AI 的思考逻辑。

在这里插入图片描述
完整的代码如下：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>520浪漫表白</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background: #ff99cc;
            font-family: 'Arial', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            overflow: hidden;
        }

        .container {
            text-align: center;
            position: relative;
            padding: 2rem;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 15px;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
        }

        .heart {
            font-size: 60px;
            color: #ff1414;
            margin-bottom: -20px;
        }

        h1 {
            color: #ff1414;
            font-size: 32px;
            margin-bottom: 1rem;
        }

        p {
            color: #666;
            line-height: 1.6;
            margin-bottom: 2rem;
            font-size: 18px;
        }

        .signature {
            margin-top: 2rem;
            color: #ff1414;
            font-weight: bold;
        }

        /* 爱心背景动画 */
        .BG {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;"><path d="M47.096,21.869l-2.487-.055c1.997-1.038,3.484-2.599,4.232-4.299C47.824,20.57 48,20 48,20c0-.447,0-.968,0-1.468 c0-.516,0-1.134,0-1.6 0,.008,0,.016,0,.024c0,0,0,0,.016,0H1.722l2.391,2.36c-1.015-.963-2.062-1.883-3.2-2.56C.749,1.55 0,1.095 0,1v18.2 c0,.785.588,1.722 1.521,2.202c-.434-.065-1.473-.678-2.572-1.869C1.615,13.158,1,12.913,1,12 c0,0,0-.024,0-.044c.225,.004,5.271,4.35,7.11,5.896C12.688,13.409,12.543,13.095,12,12.673c-.449-1.093-1.2-2.388-2.487-3.76 C8.695,8.627,7.078,9.078,6.899,9C6.8,8.931,6.716,8.83,6.62,8.709/.607-4.593 1-5.009 1-5c0,.798,0,5.555,1.453,8.273 C.762,11.691,0,12.273,0,12c0,-.915,.281-1.24,1.143-1.51C4.104,10.525 6.272,10 7,10c-.65,0-1.782,1.044-3.419,4H49L46.4 21.9C46.315 21.863 46.352 21.808 46.455 21.75z"/></svg>');
            background-repeat: no-repeat;
            background-position: center;
            pointer-events: none;
        }

        /* 按钮样式 */
        .love-btn {
            padding: 12px 30px;
            font-size: 18px;
            color: white;
            background-color: #ff1467;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .love-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 15px rgba(255, 187, 222, 0.5);
        }
    </style>
</head>
<body>
    <div class="BG"></div>
    <div class="container">
        <div class="heart">❤️</div>
        <h1>致我最爱的你</h1>
        <p id="love-text">
            在这特别的日子里<br>
            想对你说：<br><br>
            <!-- 请将下方文字替换为你想说的话 -->
            "每一天见到你都是我最开心的时刻，<br>
            我的心里只有你，<br>
            希望未来的每一天都能和你一起度过。"
        </p>
        <button class="love-btn" onclick="showMessage()">点击这里查看我的心意</button>
        <div class="signature"></div>
    </div>

    <script>
        function showMessage() {
            alert('最亲爱的，我愿意用余生守护你！');
        }
    </script>
</body>
</html>

将代码拷贝到html文件中，并在网页中打开，效果如下：
在这里插入图片描述

三、自定义配置

上面仅仅是一个入门级的示例，可以将代码克隆到本地，尽情挥洒创意，为项目注入更多个性化的功能模块，例如增强用户交互体验的组件，或是集成更丰富的行业应用能力。

EdgeOne Pages 还提供了一条从边缘节点直达大模型的快速通道。采用完全 Serverless 架构的 AI 接口，免去了繁琐的 API Key 申请流程，以更高效、更便捷的方式，免费调用强大的 AI 能力。

以下代码片段展示了如何在边缘函数中调用 AI 服务：

export async function onRequestPost({ request }) {
  // 解析用户输入
  const { content } = await request.json();
  try {
    // 调用边缘 AI 服务，指定模型、消息内容并启用流式输出
    const response = await AI.chatCompletions({
      model: '@tx/deepseek-ai/deepseek-r1-distill-qwen-32b',
      messages: [{ role: 'user', content }],
      stream: true, // 启用流式输出，获得更快的响应速度
    });
    // 返回流式响应
    // ...... (此处省略流式响应处理代码)
  } catch (error) {
    // ...... (此处省略错误处理代码)
  }
}

以下代码示例展示了如何将 EdgeOne Pages 集成到你的 AI 业务中，并构建一个具备自动容错切换机制的多 AI 提供商服务，从而显著提升业务的稳定性和弹性。通过配置多个 AI 服务提供商，系统能够在某个服务出现故障时自动切换到备用服务，确保 AI 功能的持续可用性。

export class AIService {
  //......
  constructor(
    deepseekApiKey: string,
    siliconFlowApiKey: string,
    groqApiKey: string,
    tencentApiKey: string
  ) {
    // 初始化 AI 服务配置，定义服务列表及优先级
    this.serviceConfigs = [
      // EdgeOne Pages 作为首选 AI 服务
      {
        name: 'edgeonepages',
        baseURL: 'https://your-domain.com/v1', // 请将 your-domain.com 替换为你的实际域名，指向 EdgeOne Pages 部署的 AI 服务
        enabled: true,        // 启用该服务
        priority: 1          // 设置为最高优先级，优先使用
      },
      // 腾讯云 AI 服务作为备选方案
      {
        name: 'tencent',
        baseURL: 'https://api.lkeap.cloud.tencent.com/v1',
        model: 'deepseek-v3', // 指定使用的模型
        enabled: true,        // 启用该服务
        priority: 2          // 设置为第二优先级
      },
      // DeepSeek 官方 API 作为另一备选方案
      {
        name: 'deepseek',
        baseURL: 'https://api.deepseek.com/v1',
        model: 'deepseek-chat',// 指定使用的模型
        enabled: true,        // 启用该服务
        priority: 3          // 设置为第三优先级
      }
    ];
    //...... (此处省略其他初始化代码，例如设置 API Key 等)
  }
}

说明：

baseURL: 务必将 https://your-domain.com/v1 替换为你部署在 EdgeOne Pages 上的 AI 服务的实际域名和 API 路径。
priority: 数字越小，优先级越高。在这个例子中，EdgeOne Pages 被设置为最高优先级，系统会优先尝试使用 EdgeOne Pages 提供的 AI 服务。如果 EdgeOne Pages 不可用，系统才会自动切换到腾讯云或其他备选服务。

EdgeOne Pages 的 DeepSeek R1 AI 聊天模板，为开发者提供了一个在边缘节点部署 AI 应用的可能性。

四、总结

本次实践体验了腾讯云 EdgeOne Pages 平台的强大功能，仅需简单几步，就成功部署了基于 DeepSeek R1 模型的 AI 网站。EdgeOne Pages 凭借其 Serverless 架构、全球加速网络以及便捷的部署流程，极大地降低了 AI 应用的开发门槛，让开发者能够更专注于业务逻辑的实现。

无论是全球化 Web 应用加速、全栈应用开发，还是持续交付实践，EdgeOne Pages 都展现出了卓越的性能和效率。平台提供的免费体验计划，让开发者能够零成本体验边缘 AI 部署，快速搭建 AI 应用。
在这里插入图片描述