moovweb - 有没有使用 Moovweb SDK 添加全新内容的简单方法？

Question

我正在尝试制作一个更简单的 Facebook 版本，但想从头开始构建一个登录页面。现在，我正在做类似的事情

home.ts

$("/html/body") {
  remove("./*")
  insert("div", id: "wrapper") {
    insert("div", id: "categories") {
       insert("span", class: "category", "timeline")
       insert("span", class: "category", "pictures")
       ...

这种“硬编码”HTML 的方法非常乏味。有没有一种方法我可以只插入我自己的 HTML 文件，更好的是，甚至不获取原始主页(因为它根本没有被使用)？

Answer 1

答案是肯定的，你可以!

借助 SDK 版本 4.5+ 中称为静态路径 的新功能，您可以做到这一点!

以下是执行此操作的说明:

首先，您必须确保您运行的是 4.5.73 或更高版本的 SDK。

然后您必须配置您的Mixer.lock 文件以使用混音器core-rewriter 2.1.74 或更高版本。

在您的config.json 文件中，向对象添加一个名为static_paths 的新键:

{
  "host_map": [ "$.example.com => www.example.com" ],
  "static_paths": { "/new/path": "new_page.html" }
}

这个新的 static_paths 键的值是一个具有新路径的对象。

键 "/new/path" 是您要在浏览器中访问的新路径:在这种情况下，生成的 URL(如果您在本地开发)将为 http://mlocal.example.com/new/path

值 "new_page.html" 是您将在 assets/ 文件夹下创建的全新页面。

当请求/new/path时，服务器将以new_page.html中的内容作为响应!

您可以放置​​多个静态路径，但请记住，如果您创建的路径存在于原始站点上，您将无法从那里获取内容!

这种方法非常适合制作仅在移动网站上有意义的页面，并且是响应式内容交付的完美示例!