如何将基于 react.js 的 SPA 部署到 Azure App Service + CDN?
How to deploy a react.js based SPA to Azure App Service + CDN?
我正在创建一个基于 react.js 的 SPA,我将在启动时有一个登录页面。静态着陆页应该有一个指向完整 SPA 的操作按钮。
对于 AWS,我意识到只需使用 S3 和 Cloudfront 即可完成,而且 Cloudfront 还允许路由到 404 上的自定义错误页面。这意味着不需要服务器代码来处理此问题,并且可以释放一些服务器资源?
但是,对于 Azure,我不确定如何模仿这样的架构。我猜我应该使用 Blob 存储来存储 SPA 和登录页面,但我怎样才能模仿 Cloudfront 的能力呢? Azure CDN 是否足够?谢谢!
Azure CDN 支持缓存 Web 应用。
您可以使用 SPA 和自定义路由规则以及 404 错误页面构建一个简单的 Azure Web 应用程序。然后创建 Azure CDN,将 Origin type
配置为 web app
和 select 或在源主机名下拉列表中输入您的源域。
详细步骤可参考https://azure.microsoft.com/en-us/documentation/articles/cdn-create-new-endpoint/
我正在创建一个基于 react.js 的 SPA,我将在启动时有一个登录页面。静态着陆页应该有一个指向完整 SPA 的操作按钮。
对于 AWS,我意识到只需使用 S3 和 Cloudfront 即可完成,而且 Cloudfront 还允许路由到 404 上的自定义错误页面。这意味着不需要服务器代码来处理此问题,并且可以释放一些服务器资源?
但是,对于 Azure,我不确定如何模仿这样的架构。我猜我应该使用 Blob 存储来存储 SPA 和登录页面,但我怎样才能模仿 Cloudfront 的能力呢? Azure CDN 是否足够?谢谢!
Azure CDN 支持缓存 Web 应用。
您可以使用 SPA 和自定义路由规则以及 404 错误页面构建一个简单的 Azure Web 应用程序。然后创建 Azure CDN,将 Origin type
配置为 web app
和 select 或在源主机名下拉列表中输入您的源域。
详细步骤可参考https://azure.microsoft.com/en-us/documentation/articles/cdn-create-new-endpoint/