2017-07-19 26 views
0

新しいレール。埋め込みTwitterタイムラインをRailsに表示させるにはどうすればよいですか? (Twitterウィジェットを使用して)

私は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を追加する - Railsの
  3. ではJavaScriptを使用した作業RailsApps
  4. レール付きキャッシュ - RubyonRails.org

おそらく答えは材料にありましたが、私はそれを識別できませんでした。

空白のHTMLドキュメントを作成して貼り付けた別のディレクトリで、Twitterで指定したコードをうまく動作させることができました。また、実際には.html.erbファイルのタイムライングリッドを見ることができます私がAtomのHTMLプレビューアを使い、そのリンクと共にビューの中にスクリプトを保存するだけでは、私は不平を言っています。

私は次のような試みを試みました。その中のいくつかはおそらく暗闇の中のショットです。私は、外部のスクリプトがベンダーのディレクトリに入るべきであることを知っていますが、最初にアプリを使って作業していたかどうかを確認しました。私は彼らが働いて得ることができたら、私は彼らの適切な場所に移動します:

  1. は、私の開発環境のconfig.assets.debugを偽造し、私が開発モードでサーバを起動しています保証します。
  2. http://reed.github.io/turbolinks-compatibility/twitter.html">Turbolinks溶液<% = javascript_include_tag「given_script_url」を用いて、1および2
  3. %>図内側とによって同じことを行いますそのURLのjavascriptをコピーしてローカルファイルapp/assets/javascriptsファイルに貼り付けます。
  4. タグが削除されたapp/assets/javascriptsディレクトリのjavascriptファイルにdev.twitter.com/web/javascript/loadingウィジェットjsスクリプトを含めます。 4b。このjavascriptファイルをjavascript_include_tagを使用してビューに含め、ファイル名を参照します。 4c。 <%= javascript_include_tag "my_js_file"、 "data-turbolinks-track" => "reload"%>メソッドをファイル名とともに使用し、Rails.application.config.assets.precompile + =%w(twitter.js)をconfigに追加します。 /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> 
関連する問題