Skip to content

网站和资源托管

织信的网站和资源托管功能提供了静态资源的托管服务,服务器渲染(SSR)等能力,可以快速地实现静态或动态的网站上线。

在一些场景下,织信的页面可能并不能满足您多样的展示需求,这个时候,您就会需要使用织信的网站功能。通过织信强大的编辑能力,您不需要编写任何后台代码,您就可以将您在织信上的数据以网站的形式展示出来,用户可以随时随地访问此网站页面,浏览数据。

织信提供了网站开发过程中使用到的html、js、css、图片等静态资源的托管服务。

TIP

网站页面并不会限定技术栈,可以根据团队的实际情况选择合适的技术栈开发网站页面。如果采用的是预编译形式的技术栈,类似vue react等,需要将编译后的文件上传到网站模块。

资源与URL

创建一个网站模块相当于创建了一个站点根目录为${host}/web0/website/${appId}/${websiteId}/的站点。

其中 ${host}是平台的域名或IP,${appId}是应用的ID,${websiteId}是网站模块的标识符。

如果我在网站模块上传了一个index.html的文件,其对应的URL为${host}/web0/website/${appId}/${websiteId}/index.html,站点内的相对路径为./index.html

另外,上传到网站模块的资源都会保存在共享存储里,资源的真实存储路径可通过脚本方法进行获取,具体用法请参考informat.website.getStroagePath

应用分发注意

appId是系统自动生成的,在不同的环境中可能是不一样的,为了保证应用分发到任意环境都能访问到指定资源,需要在引用网站资源的代码,通过动态获取的appId设置访问的资源路径。

如果是站点内的资源相互依赖,建议使用相对路径。

我们将通过一个简单的静态站点示例,来说明资源之间的依赖。

text
.
├──css
│   └── index.css
└──index.html
css
body {
    background-color: #5b8ff9;
}

body h1 {
    color: #fff;
}
html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>资源依赖关系</title>
        <link rel="stylesheet" type="text/css" href="./css/index.css">
    </head>
    <body>
        <h1>Hello Word !</h1>
    </body>
</html>

代码管理

  • 支持直接从本地编写好的工程目录直接上传资源或文件到网站模块模块进行资源托管
  • 支持将git上的目录直接同步到网站模块进行资源托管

同步文件注意

在使用git同步时,不会同步以.开头的隐藏文件,如.git