meteor - 构建纯离线 Meteor 应用-6ren

meteor - 构建纯离线 Meteor 应用

转载作者：行者123 更新时间：2023-12-03 20:20:30

28

4

似乎是关于在 Stack Overflow 上没有互联网连接的情况下如何离线使用 Meteor 的一些问题，但我感兴趣的是是否可以构建一个只能离线使用的 Meteor 应用程序。例如，是否可以生成包含单个 HTML 文件和所有其他必需文件(图像，以及可能的 CSS 文件和 JavaScript 文件，如果它们未嵌入到 HTML 文件中)的文件夹，并且所有内容都开箱即用在浏览器中打开 HTML 文件？

据我测试，可以使用 appcache package 让它工作。 (在线时访问一次页面，离线时可以访问该页面)，但似乎不可靠。

我也注意到 the stand alone blaze project ，但我想利用 Meteor 的特性(开发过程中的热代码推送、包、minimongo 等)。

那么，有谁知道我想做的事情是否可以以某种方式实现？

最佳答案

您可以构建一个纯离线 Meteor 应用程序，但有一些“奇怪”的妥协。

Meteor 在建立 DDP 连接时有点用力，因此它被设为 127.0.0.1 作为一种空环回，因为没有服务器。

自从引入 Cordova 系统以来，Meteor 已经以这种离线方式构建了应用程序，因此它只是将其提取出来。有 server 的版本, web.cordova和 browser .

1 ) 捆绑您的应用程序并将其提取出来

我只是从 todo 应用程序中随机生成一个示例(它需要一个服务器端位，但可以忽略它)

meteor create --example todos
cd todos
meteor bundle ~/Desktop/app.tar.gz
cd Desktop
tar xvzf app.tar.gz

2) 在 bundle 中有一个目录在 /programs/web.browser ，这是您的离线应用程序的框架，因此请将该目录放在某处。

3) 有两个文件以散列作为文件名。将它们重命名为 app.js和 app.css
4) 有一个目录叫 app .将其所有内容向上移动到主目录，即

cd app
mv * ../
rm -r app

5) 创建一个 index.html包含以下内容的文件:

<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="app.css?meteor_css_resource=true">
    <script type="text/javascript">
    __meteor_runtime_config__ = {
        "meteorRelease": "1.0.0",
        "ROOT_URL": "/",
        "ROOT_URL_PATH_PREFIX": "",
        "autoupdateVersion": "00000",
        "DDP_DEFAULT_CONNECTION_URL": "127.0.0.1"
    };
    </script>

    <script type="text/javascript" src="app.js"></script>

    <script type="text/javascript">
    if (typeof Package === 'undefined' ||
        !Package.webapp ||
        !Package.webapp.WebApp ||
        !Package.webapp.WebApp._isCssLoaded())
        console.log("Load Fail");
    </script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
    <meta http-equiv="content-language" content="en">
    <meta name='apple-mobile-web-app-capable' content='yes' />
    <meta name='apple-mobile-web-app-status-bar-style' content='black' />
    <title>Your App</title>
</head>

<body>

</body>

</html>

瞧:

Keep in mind this app *needs* a server so its quite useless this way, but you can make a purely client side app

请记住，此应用程序需要一个服务器，因此这种方式毫无用处，但如果您愿意，您可以制作一个纯粹的客户端应用程序。

其他注意事项:

对图像、字体和其他文件使用基于文件的 html 路径(file.jpg 而不是/images/file.jpg)

使用铁路由器有点棘手，但您不能使用 /你必须使用 index.html 和相对路径

您可以在 meteor-platform 中删除冗余包您不会使用的，例如自动更新

有一些关于大气的软件包可以帮助数据存储，例如 ground:db而不是需要服务器端的 mongo 集合。

关于meteor - 构建纯离线 Meteor 应用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27787917/

28

4

0

文章推荐： cassandra - 如何知道Cassandra中键空间和列族的大小？

文章推荐： python - 找出所有能被 10 整除且小于 n 的正数

meteor - Meteor.com meteor 托管什么时候才能足够可靠以供生产使用？
我在尝试在 Meteor.com 上托管的经历非常复杂。我经常收到“此网站已关闭。稍后再试。”。一开始我不知道为什么，但后来我怀疑问题是我不小心恢复了“system.users”集合造成的。我尝试在
meteor - 通过 Meteor Up 或 tmux Meteor 部署 Meteor 应用程序
我有点好奇，与复制 Meteor 应用程序、启动 tmux session 并仅运行 meteor 相比，Meteor Up(或其他 Meteor 应用程序部署过程，如 Modulus)是否能做任何花
meteor - meteor 方法和 meteor 发布/订阅之间的差异
我与meteor 合作创建了一个应用程序。在 meteor Meteor.methods 和 Meteor.publish 用于执行数据库操作。 I know use of Meteor method
meteor - 如何确定我的 meteor 项目中使用了哪些 meteor 包
我有一个相当大的 meteor 项目并安装了几个 meteor 包。我这样做只是为了试用一个 meteor 包，看看它是否适用于我的项目。不幸的是，在确定我不需要在我的项目中安装这些包后，我没有卸载这
meteor - "meteor"与 "meteor bundle"用于生产
对于生产为什么我应该“捆绑” meteor 应用程序而不仅仅是复制服务器上的源使用“ meteor ”命令？基本上有什么区别: “meteor bundle app.tar.gz”，然后安装正确版
meteor - 使用 meteor 帐户在 Meteor 中为用户添加个人资料图片
我是 Meteor 的新手，我想知道我们如何要求用户在创建帐户时上传他的图片？我正在使用基本的 Meteor 帐户来创建用户帐户。我希望用户能够上传他的图片，并且还能够在他登录时和在我网站的登录页面上
meteor - angular2-meteor 样本在 meteor 更新后停止工作
我正在学习 Meteor Angular 2 教程。在第 6 步，我随机尝试了“ meteor 更新”，这使我的样本崩溃了。更新有效，服务器正在启动。然而，浏览器屏幕现在保持空白，并且在控制台中出现错
meteor - meteor 表排序
在我的 meteor app我需要实现表格排序。现在我正在做的是设置一个 session variable对于每个列并根据要排序的项目切换其值。任何人都可以提出更好的选择吗？最佳答案我推荐表格
meteor - meteor 中的重置密码问题
我向用户发送了注册电子邮件，当他输入密码和其他详细信息时，我试图重置密码，但它抛出错误 uncaught error extpected to find a document to change 正如
meteor - meteor 服务器什么时候重启？
我运行排行榜示例。然后我更改了 leaderboard.js 中的 names 变量(Meteor.startup 函数参数初始化的一部分)中的科学家条目之一并保存了文件。我应该期待 meteor
meteor - meteor 在哪里存放它的包裹？
我有一个 meteor 1.0 应用程序。我添加了一堆包，例如:meteor add kevohagan:ramda .但我在任何地方都找不到它。我什至无法在我的系统上找到它。在我的项目中: $>
meteor - meteor 中的页面转换？
我有一个 meteor 移动应用程序在结构上工作；我真的需要将 View 与一些页面转换拼接在一起。我看了iron-transitioner项目，但看起来开发已经停止？ (最后一次提交 6 个月前，
meteor - Meteor 上的手写笔问题
我在“发现 meteor ”一书之后构建了我的第一个 meteor 添加。但是我现在遇到了以下错误: 错误:在ian:accounts-ui-bootstrap-3 中没有找到accounts_ui
meteor - meteor 应用程序可以负载平衡吗？
是否可以在负载均衡器后面使用 Mongodb 运行 meteor 应用程序的多个实例？似乎如果一个应用程序的多个实例在不同的服务器上运行，那么它们就不会知道其他实例对 Mongo DB 所做的更改
meteor - 如何正确使用 Meteor.connect() 连接另一个 Meteor 服务器
我在/client/main.coffee 中的新客户端代码 Xingyun = Meteor.connect "localhost:3000" System = new Meteor.Collect
meteor - 在 Meteor 中，this.error 和在 Meteor.publish 中抛出新的 Meteor.Error 有什么区别？
在 Meteor.publish ，使用 this.error 有什么区别并简单地抛出 Meteor.Error ? 最佳答案 this.error仅在发布方法内可用。每 the docs : Sto
meteor - Meteor 的不同数据库和前端
假设我想在 Meteor 的后端使用与 Mongo 不同的数据库，并且还想在前端使用像 D3.js 这样的可视化库。目前有可能吗？如果不是我自己添加它会有多复杂？谢谢最佳答案 https://
meteor - Meteor 应用程序中的元素保存错误
我已经在 Meteor 中制作了一个 watch-as-I-type 实时聊天服务，但是我在 Meteor 中的内置元素保存功能方面遇到了麻烦。基本上，当输入的文本具有焦点时，我需要不更新当前的聊天消
meteor - 在离线模式下使用 Meteor
我想知道 Meteor 是否可以与我的用例一起使用。我有一个可在 App Store 上使用的移动应用程序。这个应用程序包含一个小调查，用户将在没有互联网连接的情况下做出回应。然后用户将关闭应用程序
meteor - 卸载 meteor
关闭。这个问题是off-topic .它目前不接受答案。想改善这个问题吗？ Update the question所以它是 on-topic对于堆栈溢出。 8年前关闭。 Improve this q

首页

博学

6Ren·AI

商城

meteor - 构建纯离线 Meteor 应用