14. 限定記事の閲覧を制限しよう

限定記事の閲覧を制限しよう

今回の目標

：ログアウト状態時、限定記事の表示・表現方法を学ぶ

：categoryカラム値とlocal.isLoggedInプロパティを使った制限方法を学ぶ

ログイン状態と制限を整理しよう

現状：会員限定であるはずの記事が見られている状態

対策：制限をかけて限定閲覧にする

ログイン状態と限定記事の表示を確認しよう

point

ログアウト時に、限定記事のを促す表示を限定記事欄に表示させる

 

 

ログインしているときは記事を表示しよう

ログイン時の記事表示コード

//会員としてログイン時に表示できる限定記事の本文

<% if (locals.isLoggdIn) { %>

  <p><%= article.content %.></p>

このように書く

 

ログインしていないときは記事を隠そう

限定記事を隠すコード

//まずはelse文を用いる

<% } else { %>

//次にログインしていない時の表示コードを書く

　<div class="article-login">

  　<p>君も今すぐログイン！</p>

  　<p>記事の続きは</p><br>ログインの後で！

  　<a class="btn" href="/login">ログイン</a>

　</div>

<% } %>

このように書く

演習問題

上記内容を確認しつつ進めていこう。

今回は以上になります。お疲れ様でした。