You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何低成本在Google Cloud部署支持深度链接的Angular应用

低成本部署Angular应用到Google Cloud的实现方案

针对你的需求,以下是两个符合预算、满足Angular深度链接要求的最优方案:

方案一:Google App Engine(推荐,配置简单成本低)

App Engine标准环境完美适配静态Angular应用的路由需求,且免费额度覆盖绝大多数小流量场景,超出部分费用极低。

部署步骤

  1. 构建Angular静态文件
    运行生产环境构建命令,生成静态产物:

    ng build --configuration production
    

    产物会生成在dist/目录下。

  2. 创建App Engine配置文件
    在项目根目录新建app.yaml,写入以下配置(实现路由重写逻辑):

    runtime: python39
    service: default
    handlers:
      # 优先返回存在的静态资源(如/assets/icon.png)
      - url: /(.*\..+)$
        static_files: dist/\1
        upload: dist/(.*\..+)$
      # 所有无扩展名的路径(如/home、/profile)返回index.html
      - url: /.*
        static_files: dist/index.html
        upload: dist/index.html
    
  3. 部署到App Engine

    • 安装并初始化Google Cloud SDK后,执行:
      gcloud auth login
      gcloud config set project 你的项目ID
      gcloud app deploy
      
  4. 配置自定义域名
    进入Google Cloud控制台的App Engine「设置」-「自定义域名」,添加site.example.com,按照指引完成DNS验证和免费SSL证书配置即可。

成本说明

App Engine标准环境提供免费额度:每日5GB流量、每月28小时实例运行时长,小流量网站可完全免费使用;即使超出额度,费用也远低于每月5美元。


方案二:Cloud Storage + Cloud Functions + 无服务器负载均衡(极致低成本)

这个组合完全基于无服务器服务,成本几乎可以忽略,适合流量极小的场景。

部署步骤

  1. 配置Cloud Storage存储桶

    • 创建存储桶(建议命名为site.example.com),启用静态网站配置,设置索引页为index.html。
    • 将ng build生成的dist/目录下所有文件上传到存储桶。
  2. 部署路由重写Cloud Function
    创建Node.js函数实现路由判断逻辑:

    exports.rewriteAngularRoutes = (req, res) => {
      const requestUrl = req.url;
      // 带扩展名的请求直接跳转至存储桶对应文件
      if (requestUrl.match(/\.\w+$/) && !requestUrl.endsWith('/')) {
        res.redirect(302, `https://storage.googleapis.com/你的存储桶名${requestUrl}`);
        return;
      }
      // 其他请求跳转至index.html
      res.redirect(302, `https://storage.googleapis.com/你的存储桶名/index.html`);
    };
    

    部署函数:

    gcloud functions deploy rewriteAngularRoutes --trigger-http --allow-unauthenticated
    
  3. 配置无服务器负载均衡

    • 创建后端服务,指向刚部署的Cloud Function HTTP端点。
    • 创建URL映射,将site.example.com关联到该后端服务。
    • 申请并配置免费的托管SSL证书,最后更新DNS记录将域名指向负载均衡IP。

成本说明

Cloud Functions每月提供200万次免费调用+40万GB秒执行时长,Cloud Storage存储1GB每月仅约0.026美元,无服务器负载均衡的小流量费用几乎可忽略,整体成本远低于预算。


方案对比与排除

  • 你之前担心的Cloud Load Balancer,只要使用无服务器版本就不需要依赖Compute Engine,成本极低,无需顾虑。
  • Cloud Run/Compute Engine属于冗余方案,仅服务静态文件会造成资源浪费且成本更高,不推荐。

内容的提问来源于stack exchange,提问作者JupiterPi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 19:35:32