静态网站托管

MemFire Cloud提供静态网站托管服务,实现一键将静态网站资源部署在云端,接下来会介绍如何进行静态网站托管。

操作场景

本文指导您将静态网站资源托管部署到MemFire Cloud,从而可以实现结合MemFire Cloud云数据库、用户认证能力,成为带有后台的全栈网站。

操作前提

  1. 注册MemFire Cloud账号;
  2. 完成MemFire Cloud平台实名认证;
  3. 存在已创建好的应用。

操作步骤

应用打包

在线下终端,执行如下命令,将待上传的应用打包。

npm run build

执行成功后,生成build目录,存放着打包后的代码。 进入目录,将index.html文件中静态文件的绝对路径改为相对路径。

cd build
sed -i -e "s/\/static/\.\/static/g" index.html

在build目录下,执行如下命令,继续打包压缩。

zip -r build.zip *

请注意:

  • index.html中静态文件路径必须为相对路径;
  • 压缩包必须为zip格式包,且必须在目录内进行打包;
  • 若托管后网站页面出现无法访问情况,则检查静态文件中是否有遗漏的未修改的绝对路径,改成相对路径后重新打包上传,即可正常访问。

上传压缩包

登录MemFire Cloud平台,进入我的应用->某具体应用->静态托管页面。
avatar

将打包好的build.zip上传至静态网站托管界面。
avatar

至此,可以通过MemFire Cloud提供的默认域名即可访问的静态网站!

认证设置

如果期望可以正常访问网站,则用MemFire Cloud提供的默认域名替换认证设置中的网址。
进入我的应用->某具体应用->认证管理->认证设置页面,点击"编辑"按钮,填写MemFire Cloud提供的默认域名,如下图所示。

avatar

备注说明:

  • 完成配置操作后,平台会重启应用服务,使变更配置生效,整个重启过程请耐心等待。

results matching ""

    No results matching ""