रेल के साथ Google पॉलिमर 4

Question

मैंने रेल ऐप पर रूबी बनाई है। मैं रेल ऐप पर अपनी रूबी के साथ बहुलक का उपयोग करना चाहता हूं। कैम रेलवे के साथ बहुलक सीखने के लिए कुछ अच्छे संसाधन सुझाते हैं?

क्या रेलवे पर रूबी के साथ बहुलक का उपयोग करना कुशल है? कृपया पॉलिमर की तुलना में अन्य बेहतर विकल्प भी सुझाएं, यदि कोई हो?

Answer 1

मैं बोवर का उपयोग कर रहा है, तो मुझे उम्मीद है कि आपके सिस्टम पर पहले से ही बॉवर सेटअप हो। (काढ़ा स्थापित स्थापित नोड & & NPM बोवर)

1. सेट करें आप जवाहरात

   gem 'bower-rails' 
   gem 'emcee' 
   

2. bundle install

3. rails g bower_rails:initialize

4. rails g emcee:install

5. अपनी बॉवर फ़ाइल सेट अप करें। नीचे मेरा जैसा दिखता है:

   asset 'angular' 
   asset 'angular-route' 
   asset 'angular-resource' 
   asset 'angular-mocks' 
   
   asset 'webcomponentsjs' 
   
   asset 'polymer', github: 'Polymer/polymer' 
   asset 'polymer-core-elements', github: 'Polymer/core-elements' 
   asset 'polymer-paper-elements', github: 'Polymer/paper-elements' 
   asset 'platform' 
   
   # Voice Synthesis and Recognition 
   asset 'voice-elements' 
   

   उन लोगों को चित्रित करें जिन्हें आप चाहते हैं और बाकी को हटा दें।

6. rake bower:install
   घटकों को डाउनलोड करने के लेकिन ध्यान दें लेने फ़ाइलें विक्रेता/आस्तियों/bower_components और नहीं विक्रेता/आस्तियों/घटकों emcee द्वारा की उम्मीद में सहेज लिया जाएगा। तो आपको प्रतीकात्मक लिंक बनाना होगा।

7. सेटअप सांकेतिक लिंक

   • घटकों को पहले निकाल यानी rm -rf vendor/assets/components
   • तो सिमलिंक की स्थापना यानी ln -s vendor/assets/bower_components vendor/assets/components

8. अब सेटअप अपनी संपत्ति

   # app/assets/components/application.html 
   *= require polymer/polymer 
   
   # app/assets/javascripts/application.js 
   //= require angular/angular 
   //= require angular-route/angular-route 
   //= require angular-resource/angular-resource 
   //= require webcomponentsjs/webcomponents 
   //= require platform/platform 
   

   (कृपया ध्यान दें था टी में केवल मैं शामिल हूं जो मैं परीक्षण के लिए उपयोग कर रहा हूं। जैसा कि पहले बताया गया है, उन लोगों को हटा दें जिनकी आपको आवश्यकता नहीं है)।

9. बस कुछ घर की सफाई करने से आप चीजों को बाहर करने की कोशिश शुरू कर सकते हैं। रेक संपत्ति पथ में बोवर घटकों को शामिल करें।

   # config/application.rb 
   config.assets.paths << Rails.root.join("vendor","assets","bower_components") 
   

   और यह सेटअप के लिए इसके बारे में है। उस पर कूदो और इसका उपयोग शुरू करें।

10. अपने लेआउट फ़ाइल

    = html_import_tag "application", "data-turbolinks-track" => true 
    

11. में एचटीएमएल आयात टैग शामिल करें और

    # sample.html.haml 
    ================  
    %paper-tabs{:selected => "0", :scrollable => ""} 
        %paper-tab Skills 
        %paper-tab Experiences 
        %paper-tab Education 
    

रेफरी अपने ध्यान में रखते हुए एक नमूना बहुलक फोन http://angular-rails.com/bootstrap.html http://www.akitaonrails.com/2014/06/29/usando-polymer-com-rails#.VHcoW2SsV81

Answer 2

Google पर गहरी खोज पर। मैंने पाया है कि 'emcee' रेल के साथ बहुलक का उपयोग करने के लिए सबसे अच्छा है। निम्नलिखित विकल्प हैं: -

nevir/बहुलक-रेल

alchapone/बहुलक-रेल

ahuth/emcee

भी जांच http://joshhuckabee.com/getting-started-polymer-ruby-rails

Answer 3

मैंने पॉलिमर के साथ रेल रूपों के साथ निपटने के लिए एक बोवर पैकेज बनाया है। यह मेरे काम में आ गया है, खासकर यदि आप किसी भी तरह के AJAX रूपों का निर्माण या घोंसला वाले विशेषताओं का उपयोग करने जा रहे हैं।

https://github.com/hobberwickey/polymer-rails-forms

हालांकि अपने अधिक सामान्य सवाल का जवाब करने के लिए, मैं अब थोड़ी देर के लिए पॉलिमर और दोनों रेल/सिनात्रा के साथ काम कर रहा है और यह निर्भर बिना अपने आवेदन के सामने के छोर बाहर के निर्माण के लिए एक शानदार टूल है एआरबी/हैमल या अन्य सर्वर-साइड टेम्पलेटिंग पर।

Answer 4

आप बहुलक-रेल और बहुलक-तत्वों-रेल का उपयोग कर सकते हैं।

https://github.com/alchapone/polymer-elements-rails

https://github.com/alchapone/polymer-rails

Answer 5

मैं पहली बार bower-rails और emcee के साथ वेब घटकों का उपयोग करने के लिए कोशिश कर रहा था।

लेकिन मैंने देखा है कि बोवर-रेल तुम सिर्फ .bowerrc और bower.json कॉन्फ़िगर करने के लिए तो बोवर स्थापित चलाने की जरूरत है आवश्यक नहीं है,।

इसके अलावा, emcee अब सक्रिय नहीं है जो आप बलों sprockets के एक पुराने संस्करण का उपयोग करें।

यह पता चला polymer-rails emcee जैसी ही है।

यहाँ मेरी मौजूदा सेटअप

है Gemfile

gem 'polymer-rails' 

स्थापित करें और प्रारंभ

bundle install 
rails g polymer:install 

एप्लिकेशन/विचारों/लेआउट/application.html.erb

<html> 
    <head> 
    ... 
    <%= html_import_tag 'application'%> 
    ... 

डाउनलोडelements.polymer-project.org से bower.json फ़ाइल और अपने अनुप्रयोग की जड़ में रख दें तो आदेश

bower install 

चलाने अब आप अपने घटकों विक्रेता/आस्तियों/घटकों में होना चाहिए। मैनिफेस्ट में शामिल करने के लिए सभी .html फ़ाइलों को खोजें। कुछ .html फ़ाइलों को निर्देशिका के समान नाम नहीं हैं, इसलिए यह थोड़ा कठिन है।

एप्लिकेशन/आस्तियों/घटकों/application.html.erb

//= require polymer/polymer 
//= require paper-scroll-header-panel/paper-scroll-header-panel 
//= require paper-toolbar/paper-toolbar 
//= require paper-tabs/paper-tabs 
//= require paper-drawer-panel/paper-drawer-panel 
//= require paper-icon-button/paper-icon-button 
//= require iron-icons/iron-icons 
//= require paper-card/paper-card 
//= require paper-button/paper-button 
... 

अब यकीन है कि sprockets बनाने संपत्ति

config/initializers/assets.rb

Rails.application.config.assets.paths << Rails.root.join('vendor', 'assets', 'components', '*') 

यहाँ एक है लोड करता है घटक

<paper-card heading="Paper Card Example" image="<%= image_path 'example.jpg' %>"> 
    <div class="card-content">This is an example of cards with polymer</div> 
    <div class="card-actions"> 
    <paper-button raised>OK</paper-button> 
    </div> 
</paper-card> 

का उपयोग करने का उदाहरण

आप पॉलिमर-तत्व-रेल का उपयोग कर सकते हैं जिसमें पहले से ही बहुत सारे घटक हैं और आप bower.json, बॉवर इंस्टॉल और लोड एसेट्स चरणों को छोड़ सकते हैं। एकमात्र समस्या यह है कि मुझे पता लगाना मुश्किल था कि पथ की आवश्यकता क्या थी और कुछ घटक गायब थे (जैसे google-apis)। उम्मीद है कि यह रेलवे के साथ बहुलक का उपयोग करने की कोशिश कर रहा है!