草庐IT

javascript - 将大量数据从 Web 服务器传输到客户端

coder 2025-01-18 原文

关闭。这个问题是opinion-based .它目前不接受答案。












想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它.


4年前关闭。







Improve this question




我正在开始一个新项目，它将使用 HTML5 Canvas 呈现复杂的图形。

目前，我们有一个 Windows 窗体实现，我们希望将其迁移到 Web。因此，布局、绘图对象和所有绘图元数据都是在 C# 中生成的。我们只需要实现绘图，我们将使用 HTML5 Canvas 。

服务器端将是 ASP MVC。它将计算绘图模型，并将其发送给客户端。然后客户端将使用 Canvas 来表示数据。

问题是绘图模型有时可能很大。也许 10Mb-50Mb 的元数据。将所有绘图数据从服务器发送到客户端的最佳方式是什么？

将模型用于在 JavaScript 中创建绘图对象的页面中的脚本

这将是标准方式。我将使用 C# 中的绘图对象生成一个模型，然后将这些对象转换为 JavaScript。

  • 优点:易于实现
  • 缺点:页面会很重。

    • 从返回绘图数据的 Controller 返回 JsonResult

    例如，我可以使用 jQuery 来获取它。此选项失败，因为我达到了 maxJsonLength 属性。我知道它可以在 web.config 中更改，但这似乎不是一个好主意。 3.
  • 优点:易于实现，可以使用 ajax 从服务器加载绘图对象并向用户报告进度。
  • 缺点:更改 Web.config 中的 maxJsonLength 属性似乎不是一个好主意。

    • 使用服务器中的绘图数据生成临时脚本文件并将其包含在客户端页面中

    服务器会生成一个JS脚本文件中的绘图数据。然后服务器会将这个页面作为 JavaScript 包含在客户端页面中，因此绘图数据将被加载到客户端中。这种加载也可以使用 ajax 来完成。
  • 优点:就像下载一个文件，如果它很大，那不会有问题。
  • 缺点:更难实现。需要管理临时文件，我们需要知道文件何时传输，然后将其删除。

    • 其他选择

    任意 欢迎其他选择 ，因为我不是 HTML 编程方面的专家。

    最佳答案

    我认为我会采取一些不同的方法。我将使用 servicestack ，在这里我假设您已将您的商业轮胎分开。现在，我将使用 backbone js 而不是 Canvas 或 angular js .还有很多其他的 UI 生成框架。现在，使用 require js 之类的库，我只推送 UI 生成所需的详细信息，或者使用 UI 所需的 UI 推送 HTML。所以，这里的速度会更快，页面会更轻。一旦缩小的 Javascript 到达客户端，它将不会加载，而仅用于计算和呈现页面上的 html 部分。单页应用程序将与桌面一样快。差不多就这么多了。我希望这对你有用。我已经添加了链接，如果您需要更多详细信息，请告诉我。

    关于javascript - 将大量数据从 Web 服务器传输到客户端，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13607715/

    javascriptWebbrnoreferrersectionasp.net-mvcarchitecturehtml5-canvas

    有关javascript - 将大量数据从 Web 服务器传输到客户端的更多相关文章

    1. ruby - 具有身份验证的私有(private) Ruby Gem 服务器 - 2

      我想安装一个带有一些身份验证的私有(private)Rubygem服务器。我希望能够使用公共(public)Ubuntu服务器托管内部gem。我读到了http://docs.rubygems.org/read/chapter/18.但是那个没有身份验证-如我所见。然后我读到了https://github.com/cwninja/geminabox.但是当我使用基本身份验证(他们在他们的Wiki中有)时，它会提示从我的服务器获取源。所以。如何制作带有身份验证的私有(private)Rubygem服务器？这是不可能的吗？谢谢。编辑:Geminabox问题。我尝试“捆绑”以安装新的gem..

    2. ruby-on-rails - 启动 Rails 服务器时 ImageMagick 的警告 - 2

      最近，当我启动我的Rails服务器时，我收到了一长串警告。虽然它不影响我的应用程序，但我想知道如何解决这些警告。我的估计是imagemagick以某种方式被调用了两次？当我在警告前后检查我的git日志时。我想知道如何解决这个问题。-bcrypt-ruby(3.1.2)-better_errors(1.0.1)+bcrypt(3.1.7)+bcrypt-ruby(3.1.5)-bcrypt(>=3.1.3)+better_errors(1.1.0)bcrypt和imagemagick有关系吗？/Users/rbchris/.rbenv/versions/2.0.0-p247/lib/ru

    3. ruby-on-rails - s3_direct_upload 在生产服务器中不工作 - 2

      在Rails4.0.2中，我使用s3_direct_upload和aws-sdkgems直接为s3存储桶上传文件。在开发环境中它工作正常，但在生产环境中它会抛出如下错误，ActionView::Template::Error(noimplicitconversionofnilintoString)在View中，create_cv_url,:id=>"s3_uploader",:key=>"cv_uploads/{unique_id}/${filename}",:key_starts_with=>"cv_uploads/",:callback_param=>"cv[direct_uplo

    4. ruby-on-rails - 在 Rails 中调试生产服务器 - 2

      您如何在Rails中的实时服务器上进行有效调试，无论是在测试版/生产服务器上？我试过直接在服务器上修改文件，然后重启应用，但是修改好像没有生效，或者需要很长时间(缓存？)我也试过在本地做“脚本/服务器生产”，但是那很慢另一种选择是编码和部署，但效率很低。有人对他们如何有效地做到这一点有任何见解吗？ 最佳答案 我会回答你的问题，即使我不同意这种热修补服务器代码的方式:)首先，你真的确定你已经重启了服务器吗？您可以通过跟踪日志文件来检查它。您更改的代码显示的View可能会被缓存。缓存页面位于tmp/cache文件夹下。您可以尝试手动删除

    5. ruby - 我的 Ruby IRC 机器人没有连接到 IRC 服务器。我究竟做错了什么？ - 2

      require"socket"server="irc.rizon.net"port="6667"nick="RubyIRCBot"channel="#0x40"s=TCPSocket.open(server,port)s.print("USERTesting",0)s.print("NICK#{nick}",0)s.print("JOIN#{channel}",0)这个IRC机器人没有连接到IRC服务器，我做错了什么？ 最佳答案 失败并显示此消息::irc.shakeababy.net461*USER:Notenoughparame

    6. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

      我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

    7. ruby - Rails 开发服务器、PDFKit 和多线程 - 2

      我有一个使用PDFKit呈现网页的pdf版本的Rails应用程序。我使用Thin作为开发服务器。问题是当我处于开发模式时。当我使用“bundleexecrailss”启动我的服务器并尝试呈现任何PDF时，整个过程会陷入僵局，因为当您呈现PDF时，会向服务器请求一些额外的资源，如图像和css，看起来只有一个线程.如何配置Rails开发服务器以运行多个工作线程？非常感谢。 最佳答案 我找到的最简单的解决方案是unicorn.geminstallunicorn创建一个unicorn.conf:worker_processes3然后使用它:

    8. ruby - 如何配置 Ruby Mechanize 代理以通过 Charles Web 代理工作？ - 2

      我正在使用Ruby/Mechanize编写一个“自动填写表格”应用程序。它几乎可以工作。我可以使用精彩CharlesWeb代理以查看服务器和我的Firefox浏览器之间的交换。现在我想使用Charles查看服务器和我的应用程序之间的交换。Charles在端口8888上代理。假设服务器位于https://my.host.com。.一件不起作用的事情是:@agent||=Mechanize.newdo|agent|agent.set_proxy("my.host.com",8888)end这会导致Net::HTTP::Persistent::Error:...lib/net/http/pe

    9. ruby TFTP 服务器 - 2

      我将以下代码放在一起用于一个简单的RubyTFTP服务器。它工作正常，因为它监听端口69并且我的TFTP客户端连接到它，我能够将数据包写入test.txt，但我不只是写入数据包，我希望能够从我的客户端通过TFTP传输文件到/temp目录。预先感谢您的帮助!require'socket.so'classTFTPServerdefinitialize(port)@port=portenddefstart@socket=UDPSocket.new@socket.bind('',@port)whiletruepacket=@socket.recvfrom(1024)putspacketFile

    10. ruby - 使用 ruby​​ gem net-ssh-multi 同时在多个服务器上执行 sudo 命令 - 2

      在previousquestion中我想出了如何在多个服务器上启动经过密码验证的sshsession来运行单个命令。现在我需要能够执行“sudo”命令。问题是，net-ssh-multi没有分配sudo需要运行的伪终端(pty)，导致以下错误:[127.0.0.1:stderr]sudo:sorry,youmusthaveattytorunsudo根据documentation,可以通过调用channel对象的方法来分配伪终端，但是，以下代码不起作用:它会生成上面的“notty”错误:require'net/ssh'require'net/ssh/multi'Net::SSH::Mul

    随机推荐