다음 Let's Build에 오신 것을 환영합니다! 이 빌드는 프로젝트에 대한 영감으로 잘 알려진 소셜 미디어 거대 Twitter를 믹스에 도입합니다. 우리는 twittter 라고 불리는 일종의 복제품을 만들 것입니다.
이 앱은 브라우저 내에서 웹 애플리케이션과 navtive 애플리케이션의 느낌을 모두 제공하는 사용자 역할 시스템을 가장 잘 보여줍니다. Ruby on Rails 생태계와 관련된 일반적인 개념을 설명하는 기초 연습에 가깝기 때문에 이전 빌드보다 좀 더 빠르게 진행하겠습니다. 우리는 이미 다룬 내용 중 일부를 기반으로 하는 데 Rails 생성기를 사용할 것입니다. 첫 번째 Let's Build를 아직 시청하지 않으셨다면, 우리가 하는 일을 이해하기 위해 시청해 보시기 바랍니다.
소스 코드 다운로드
앱 자체에는 트윗을 생성하고, 읽고, 업데이트하고, 삭제할 수 있는 기본 CRUD 원칙이 포함되어 있습니다. 본질적으로 이는 블로그 게시물을 작성했던 이전 빌드와 동일합니다. 트윗 외에도 전체 사용자 역할과 인증 시스템을 쉽게 만들 수 있는 Devise라는 새로운 gem을 소개합니다. 이 gem과 결합하여 트윗을 작성하려는 사용자를 인증할 수 있습니다. 그러면 사용자의 트윗 도 해당 계정에 연결됩니다. 최종 결과는 다양한 사용자의 트윗 스트림이 포함된 공개 사이트입니다. 계정이 있는 사용자는 로그인하여 자신만의 트윗을 만들어 공개 스트림에 추가할 수 있습니다.
트위터는 꽤 정교한 응용 프로그램입니다. 답글, 리트윗, 좋아요 및 유명한 소셜 미디어 거대 기업의 기타 기본 기능에 대해서는 다루지 않겠습니다. 대신에 이러한 기능을 추가하는 방법을 생각해 보시기 바랍니다. 제가 작성한 댓글 빌드가 포함된 블로그와 유사하게 애플리케이션에 답변을 직접 추가하는 방법을 알아낼 수 있는지 확인해 보세요. (팁: 이전 빌드에서 했던 것처럼 블로그 게시물에 댓글을 추가하는 것과 같습니다 ;) ). 다른 연습으로 더 많은 기능을 추가하기 위해 이 앱을 다시 방문할 수도 있지만 솔직히 시간이 부족했습니다! 이 내용을 더 연장하고 싶으면 알려주세요.
게시물에 "좋아요"를 표시하는 데 도움이 되는 몇 가지 보석도 있습니다. 여기 내가 제일 좋아하는 게 있어
참고: 이 빌드에서 종료를 호출한 후 발견한 큰 오류 중 하나는 로그인한 사용자가 다른 사용자의 트윗을 편집할 수 있다는 것입니다. 사용자의 능력은 자신의 계정 내에만 있어야 하기 때문에 이는 큰 보안 결함입니다. 현재 로그인한 사용자만 자신의 트윗을 편집할 수 있고 다른 사용자는 편집할 수 없도록 허용하는 방법을 찾을 수 있는지 확인하세요. 이러한 문제를 확장하고 해결하기 위해 이 시리즈를 다시 방문할 수도 있습니다.
더 나은 오류 - 더 나은 오류를 위해
Bulma - 쉬운 CSS를 위한 것입니다. 자유롭게 자신만의 스타일을 적용하거나 다른 프레임워크를 사용해 보세요.
Guard - scss
, js
, css
및 erb
파일을 실시간으로 다시 로드하는 데 유용하지만 훨씬 더 많은 작업이 가능합니다!
Guard LiveReload gem이 작동하려면 Guard가 필요합니다.
가드 라이브리로드
간단한 양식 - 간단한 양식을 위해!
고안 - 간편한 사용자 역할 및 인증
Gravatar_image_tag - 그라바타를 생성하는 통합 이미지 태그입니다.
web-crunch.com에서 계속 읽기