繁体   English   中英

如何获得嵌入式Twitter时间轴以在Rails中显示? (使用Twitter窗口小部件)

[英]How do I get an embedded Twitter timeline to display in Rails? (Using the Twitter Widget)

刚开始使用。

我正在尝试将Twitter Widgets生成器与Rails应用程序结合使用以显示嵌入式网格时间轴。

我的问题是,当我将以下生成的代码粘贴到视图中时,仅在本地主机上显示一个链接: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:向Rails添加JavaScript-RailsApps
  3. 在Rails中使用JavaScript
  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. 在app / assets / javascripts目录中的javascript文件中包括除去标签的dev.twitter.com/web/javascript/loading widgets js脚本。 4B。 使用javascript_include_tag并引用文件名将其包含在视图中。 4C。 使用<%= javascript_include_tag“ my_js_file”,“ data-turbolinks-track” =>“ reload”%>方法和文件名,并将Rails.application.config.assets.precompile + =%w(twitter.js)添加到配置中/initializers/assets.rb,如我的错误消息所指示
  5. 重新启动服务器,然后再次尝试所有这些。

我终于可以点击了,因为我不知道还要检查或尝试什么。

任何帮助将非常感激。 我花了很多时间将头撞到键盘上,这对于更高级的开发人员来说可能是一个简单的解决方法。

我应该怎么做才能真正显示Twitter网格? 如果您不介意像我是一个完整的菜鸟(我是)为我拼写它,将不胜感激。 谢谢!

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM