2017-07-19 65 views
0

新的导轨。如何在Rails中显示嵌入的Twitter时间线? (使用Twitter Widget)

我试图利用带有Rails应用程序的Twitter Widgets生成器来显示嵌入式网格时间轴。

我的问题是,我只得到一个链接在我看来,以显示在localhost:3000,当我下面生成的代码粘贴到视图:

<a class="twitter-grid" data-lang="en" data-limit="6" data-dnt="true" href="https://twitter.com/TwitterDev/timelines/539487832448843776">National Park Tweets</a> 
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

显然Rails是剥离出JS为页面加载。

资源我在阅读本文之前(以及其他一些博客文章)试图自己解决这个问题。没有足够的代表处发布的所有链接:

  1. 资产管道 - RubyonRails.org
  2. 邪恶的Rails:添加JavaScript到Rails的 - RailsApps
  3. 使用JavaScript在Rails的
  4. 缓存使用Rails - RubyonRails.org

也许答案是在材料中,但我无法辨别它。

我得到了Twitter给定的代码,在一个单独的目录中工作得很好,我只是简单地创建了一个空白的HTML文档并粘贴进来。另外,我实际上能够在.html.erb文件中看到时间轴网格当我简单地使用Atom的HTML预览器并将该脚本与链接一起保存在视图中时,我就抱怨了。

我尝试了以下尝试。其中一些可能是在黑暗中拍摄的。我知道外部脚本应该进入供应商目录,但我首先使用了应用程序来查看它们是否工作。有一次,我可以让他们的工作,我将它们移动到正确的地方:

  1. 伪造我的开发环境的config.assets.debug,并确保我开始在开发模式的服务器。
  2. 的http://reed.github.io/turbolinks-compatibility/twitter.html">Turbolinks溶液1和2。
  3. 使用<%= javascript_include_tag “given_script_url” %>的视图内和通过执行相同将该url的javascript复制并粘贴到本地文件app/assets/javascripts文件中。
  4. 将dev.twitter.com/web/javascript/loading小部件js脚本包含在app/assets/javascripts目录中的javascript文件中,并删除了标记。 4b。在视图中使用javascript_include_tag并引用文件名包含此JavaScript文件。 4c。利用文件名并添加Rails.application.config.assets.precompile + =%w(twitter.js)来配置<%= javascript_include_tag“my_js_file”,“data-turbolinks-track”=>“reload”%>方法/initializers/assets.rb按照我的错误消息指示
  5. 重新启动服务器并再次尝试所有这些。

我终于开始敲,因为我不知道还有什么要检查或尝试。

任何帮助将不胜感激。我花了很多时间把头撞到键盘上,这对于更高级的开发人员来说可能是一个简单的修复。

我应该怎么做才能让Twitter网格真正显示出来?如果你不介意为我拼写,就像我是一个完整的noob(我是),这将不胜感激。谢谢!

回答

0
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/name_of_your_timeline" data-widget-id="539487832448843776" height="46vh" >National Park Tweets</a> 
相关问题