php+mysql 쇼핑몰 만들기 강좌 - #27. 쿠키를 이용한 최근 본 상품

2022. 7. 29. 16:47

요즘도 쿠키를 잘 쓰는지 모르겠는데 아마 잘 쓰지 않을 것 같다. 디비에 저장하면 되지 굳이 쿠키에 저장할 필요가 없으니까. 하지만 그냥 공부하는 셈 치고 한번 해보려고 한다. 장바구니를 하려다가 요즘은 장바구니가 중요해져서 쿠키를 쓰는건 좀 아닌것 같다. 그래서 최근 본 상품에 쿠키를 적용해 보려고 한다.

간단하게 사용자가 상품을 클릭하면 해당 상품의 정보를 쿠키에 넣으면 된다. 그냥 넣는게 아니고 배열로 만들어서 JSON으로 변경한 뒤 넣을거다. 그리고 다시 꺼내서 배열로 바꿔서 화면에 뿌려주면 된다. 간단하다. 시작해보자.

우선 상품 상세 보기 페이지를 만든다.

/products.php

<?php ob_start();// 이값이 있어야 쿠키가 제대로 작동한다. 안그러면 쿠키 설정을 소스의 맨위에 두어야 한다.

include $_SERVER["DOCUMENT_ROOT"]."/inc/top.php";

$pid = $_GET['pid'];

$query = "select p.*, (select sum(cnt) from wms w where w.pid=p.pid) as sumcnt from products p where p.status=1 and p.pid=".$pid;

$result = $mysqli->query($query) or die("query error => ".$mysqli->error);

$rs = $result->fetch_object();

if(!$rs or !$rs->sumcnt){

echo "<script>alert('제품이 없거나 품절된 제품입니다.');location.href='/';</script>";

exit;

}

// 최근 본 상품 세팅

$j=0;

if($_COOKIE['recently_products']){//쿠키에 값이 있으면 시작

$prs = json_decode($_COOKIE['recently_products']);//쿠키의 JSON값을 배열로 변경

if(!in_array($rs, $prs)){//새로 등록할 상품이 기존 배열에 없으면 등록

if(sizeof($prs)>=3){//배열에 3개만 등록할거니까 3개가 넘으면 하나를 삭제

unset($prs[0]);

}

ksort($prs);//키값을 기준으로 정렬

foreach($prs as $ps){//쿠키에 있는 값들을 가져와서 다시 담는다.

$cvalarray[$j] = $ps;

$j++;

}

$cvalarray[$j] = $rs;//마지막에 현재 상품을 배열에 담는다.

$cval = json_encode($cvalarray);//json으로 바꾼다.

setcookie("recently_products",$cval,time()+86400);//쿠키에 값을 담는다.

}

}else{

$cvalarray[$j] = $rs;//쿠키에 최근 본 상품이 없으면 담는다.

$cval = json_encode($cvalarray);

setcookie("recently_products",$cval,time()+86400);

}

</div>

<h2 class="sidebar-title">Search Products</h2>

</form>

</div>

<h2 class="sidebar-title">Products</h2>

<h2><a href="">Sony Smart TV - 2015</a></h2>

</div>

<h2><a href="">Sony Smart TV - 2015</a></h2>

</div>

<h2><a href="">Sony Smart TV - 2015</a></h2>

</div>

<h2><a href="">Sony Smart TV - 2015</a></h2>

</div>

<h2 class="sidebar-title">Recent Posts</h2>

<ul>

<li><a href="">Sony Smart TV - 2015</a></li>

</ul>

</div>

<a href="">Category Name</a>

<a href="">Sony Smart TV - 2015</a>

</div>

</div>

</div>

<h2 class="product-name">Sony Smart TV - 2015</h2>

</div>

</div>

</form>

<p>Category: <a href="">Summer</a>. Tags: <a href="">awesome</a>, <a href="">best</a>, <a href="">sale</a>, <a href="">shoes</a>. </p>

</div>

<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Description</a></li>

<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Reviews</a></li>

</ul>

<h2>Product Description</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, diam in consequat iaculis, est purus iaculis mauris, imperdiet facilisis ante ligula at nulla. Quisque volutpat nulla risus, id maximus ex aliquet ut. Suspendisse potenti. Nulla varius lectus id turpis dignissim porta. Quisque magna arcu, blandit quis felis vehicula, feugiat gravida diam. Nullam nec turpis ligula. Aliquam quis blandit elit, ac sodales nisl. Aliquam eget dolor eget elit malesuada aliquet. In varius lorem lorem, semper bibendum lectus lobortis ac.</p>

<p>Mauris placerat vitae lorem gravida viverra. Mauris in fringilla ex. Nulla facilisi. Etiam scelerisque tincidunt quam facilisis lobortis. In malesuada pulvinar neque a consectetur. Nunc aliquam gravida purus, non malesuada sem accumsan in. Morbi vel sodales libero.</p>

</div>

<h2>Reviews</h2>

<p><label for="email">Email</label> <input name="email" type="email"></p>

<p>Your rating</p>

</div>

<p><label for="review">Your review</label> <textarea name="review" id="" cols="30" rows="10"></textarea></p>

</div>

<h2 class="related-products-title">Related Products</h2>