Rails 응용 프로그램에서 태그 미리 보기 환경 만들기

Rails에서 웹 응용 프로그램을 제작할 때 표시된 미리 보기 환경은 어떻습니까?
일반적으로 HTML 인코더와 Rails 엔지니어가 있는데 HTML 인코더로 HTML을 쓰게 하고 Rails 엔지니어가 HTML을 Erb로 바꾸는 절차가 있다.
그렇지만

인코딩 환경과의 차이를 최소화하기 위해 Rails와 동일한 정적 파일을 사용하여 레이블

헤드와 같은 일반 부품layouts/*.html.erb을 사용하여 일반화

Rails에서 CSS, JS를 간단하게 수정하는 것을 싫어할 때 하나하나 표기 환경을 향상시켜 수정하고 이 파일을 Rails에 복사하는 것을 싫어한다...

같은 거를view 조수로 바꾸는 건 귀찮아...

이런 마음.
그래서 제가 상기 문제를 간단하게 해결할 수 있는 방법을 소개하겠습니다.

Rails 내에 태그 미리보기를 위한 환경 만들기

만들자.

태그 미리보기를 위한 controller,routes

우선 controller,routes부터 실시합니다.
app/controllers/markup_preview_controller.rb

class MarkupPreviewController < ApplicationController
  def home
    page_name = params[:page_name]

    if page_name.nil?
      path = "#{File.expand_path('../../views/markup_preview', __FILE__ )}/"

      @page_list = Dir.glob(path + '*')
                     .map { |file_name| file_name.sub(/\.html\.erb/, '').sub(/#{path}/, '') }
                     .select { |file_name| file_name != 'home' }
                     .sort
    else
      render "markup_preview/#{page_name}.html.erb"
    end
  end
end

config/routes.rb

Rails.application.routes.draw do
  get 'markup_preview', to: 'markup_preview#home'
end

이런 느낌이에요.
조금은 걱정이 돼요. 뷰 파일을 만들 때마다routes.rb를 쓰는 것이 늘 번거롭기 때문에 방문/markup_preview할 때 자동으로 app/views/markup_preview의 파일을 목록으로 표시한다.

eb 일람 보기용view 만들기

마지막으로 그 일람표시용view를 만듭니다.
app/views/markup_preview/home.html.erb

<h2>マークアップ ページ一覧</h2>

<ul>
  <% @page_list.each do |page_name| %>
    <li>
      <a href="/markup_preview?page_name=<%= page_name %>"><%= page_name %></a>
    </li>
  <% end %>
</ul>

꾸미고 싶은 사람은 css 같은 거 적당히 붙여도 돼요.

사용법

erb내 eb 파일 제작.

이상!

〆

이러한 설치만으로도 Rails 애플리케이션에서 쉽게 태그 환경을 만들 수 있습니다.
처음 언급한 문제도 해결되어 기분이 좋다.
꼭 활용하세요.