静态网站托管
MemFire Cloud提供静态网站托管服务,实现一键将静态网站资源部署在云端,接下来会介绍如何进行静态网站托管。
操作场景
本文指导您将静态网站资源托管部署到MemFire Cloud,从而可以实现结合MemFire Cloud云数据库、用户认证能力,成为带有后台的全栈网站。
操作前提
- 注册MemFire Cloud账号;
- 完成MemFire Cloud平台实名认证;
- 存在已创建好的应用。
操作步骤
应用打包
在线下终端,执行如下命令,将待上传的应用打包。
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平台,进入我的应用->某具体应用->静态托管页面。
至此,可以通过MemFire Cloud提供的默认域名即可访问的静态网站!
认证设置
如果期望可以正常访问网站,则用MemFire Cloud提供的默认域名替换认证设置中的网址。
进入我的应用->某具体应用->认证管理->认证设置页面,点击"编辑"按钮,填写MemFire Cloud提供的默认域名,如下图所示。
备注说明:
- 完成配置操作后,平台会重启应用服务,使变更配置生效,整个重启过程请耐心等待。