草庐IT

angularjs - 具有渐进增强功能的基于混合页面/单页的网络应用程序(Angularjs、Ember.js)？

coder 2024-02-26 原文

我想知道是否有人找到了解决此问题的方法。有没有办法两全其美:

  • 构建一个基于页面的站点，具有永久链接、可访问性、SEO 和优雅的回退/渐进增强(基本上所有 best practices of web development)
  • 并且，对于那些使用 javascript 的人来说，通过 ajax 加载内容的响应式前端体验，在浏览基础网站页面时没有页面刷新，脚本/内容/css 等的冗余下载最少。 (AngularJs 或 Ember.js 等客户端框架的所有优点)

我看到一些主要网站能够管理这个(gmail、stackoverflow)，我看到 Jeff's new site在 noscript 标签中构建网站的基本版本。

  1. 基于页面/单页面的混合应用程序的解决方案是构建两个版本的网站，同时发送两个版本，然后让客户决定可以显示哪个版本？ (这是 gmail 的作用吗？)
  2. 或者是 AngularJS 等人的问题。根本就没有设计为允许优雅降级？

它伤害了我的DRY大脑认为#1 是答案。

(我关注 AngularJs 的原因是我喜欢它对 html 模板、声明式样式的支持，以及它修复 js 范围的尝试。Ember 和其他框架也非常出色；也许其中一个更适合混合站点？)

最佳答案

这个问题有点微妙，因为答案是“视情况而定”。例如，您提到了 Gmail，没有任何理由需要为 SEO 对像 Gmail 这样的应用程序编制索引，尽管这取决于您想要或需要支持的内容，您可能希望确保您可以支持没有 Javascript。

然而，如今即使是“无 javascript”的论点也变得乏味和无力，至少对于“web 应用程序”类而言是这样。如果我想使用 Windows 应用程序，我需要 Windows，如果我想使用 javascript 驱动的 Web 应用程序，假设我将需要一个没有缺陷的浏览器来使用它并不是不合理的。

但是回到你的问题，我只能谈论 AngularJS，因为我对它最熟悉。在大多数情况下，它确实允许您支持渐进式增强方法，但如果您希望支持这种方法，则不要指望使用 URL 路由之类的东西。您可以做的是使用 AngularJS Controller 、绑定(bind)和指令，类似于您可能使用 jQuery 的方式来增强页面的交互和行为。

请记住，这种方法会严重限制您使用 Angular(或 Ember 就此而言)可以做的事情，并且您可能会开始怀疑您从这种方法中获得的是您无法单独使用 jQuery 轻松完成的事情。

现在的替代方法是像 Twitter 这样的网站正在做的事情。这基本上是从服务器为初始加载的任何 View 提供完全呈现的 HTML，然后使用 Javascript 进行后续加载和增强的 UI 行为。如果您确实需要支持使用和不使用 Javascript 的浏览，并且具有改进第一个请求的渲染/加载时间的额外好处，这将非常有效(尽管实现起来可能非常具有挑战性)。再次“取决于”，因为如果可以使用它，这在很大程度上取决于您的网站的实际工作方式。您必须为此进行设计，这不会是微不足道的或容易的。

更新:

为了它的值(value)，我们选择了 Year of Moo方法并使用 PhantomJS 呈现需要 SEO 的页面，并将它们的缓存初始状态粘贴在某处以提供它们。我们有一个在部署上运行的 rake 任务来更新它。同样，这只是初始状态，但它有助于暂时解决这个问题。

虽然事情总是在变化，但我相信我会在一年左右的时间里改变我对这种方法的看法。

关于angularjs - 具有渐进增强功能的基于混合页面/单页的网络应用程序(Angularjs、Ember.js)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16064113/

渐进angularjs的sectionnoreferrerseoember.jsprogressive-enhancementgraceful-degradation

有关angularjs - 具有渐进增强功能的基于混合页面/单页的网络应用程序(Angularjs、Ember.js)？的更多相关文章

  1. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

    我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

  2. 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..

  3. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  4. ruby - 在 Ruby 中编写命令行实用程序 - 2

    我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后，Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用，我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

  5. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如，一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情，所以我什至不知道从哪里开始。任何帮助，将不胜感激。谢谢! 最佳答案 无论Rails是什么，几乎所有Web应用程序都有您的要求，大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去，网站不应直接访问彼此

  6. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  7. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗？ - 2

    刚入门rails，开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗？有哪些用例。您如何为Rails应用程序使用应用程序Controller？我不想在那里放太多代码，因为据我了解，每个请求都会调用此Controller。这是真的？ 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度，尽管在某些情况下ApplicationContr

  8. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容？ - 2

    我是一个Rails初学者，但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现)，但没有得到任何结果。有什么建议吗？我知道Rails调试器，但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

  9. ruby - 用 Ruby 编写一个简单的网络服务器 - 2

    我想在Ruby中创建一个用于开发目的的极其简单的Web服务器(不，不想使用现成的解决方案)。代码如下:#!/usr/bin/rubyrequire'socket'server=TCPServer.new('127.0.0.1',8080)whileconnection=server.acceptheaders=[]length=0whileline=connection.getsheaders想法是从命令行运行这个脚本，提供另一个脚本，它将在其标准输入上获取请求，并在其标准输出上返回完整的响应。到目前为止一切顺利，但事实证明这真的很脆弱，因为它在第二个请求上中断并出现错误:/usr/b

  10. ruby-on-rails - Rails 3.1 中具有相同形式的多个模型？ - 2

    我正在使用Rails3.1并在一个论坛上工作。我有一个名为Topic的模型，每个模型都有许多Post。当用户创建新主题时，他们也应该创建第一个Post。但是，我不确定如何以相同的形式执行此操作。这是我的代码:classTopic:destroyaccepts_nested_attributes_for:postsvalidates_presence_of:titleendclassPost...但这似乎不起作用。有什么想法吗？谢谢! 最佳答案 @Pablo的回答似乎有你需要的一切。但更具体地说...首先改变你View中的这一行对此#

随机推荐