3 글 보임 - 1 에서 3 까지 (총 3 중에서)
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> </head> <body>
<nav id="navbar-example2" class="navbar bg-body-tertiary px-3 mb-3"> 세안정기 <ul class="nav nav-pills"> <!-- 나머지 네비게이션 바 코드는 동일하게 유지됩니다 --> </nav>
<div class="container"> <div class="detail-pic my-4" style="background-image: url('https://picsum.photos/400');"></div> <div> <h5 class="author">올린사람: 모름</h5> <hr> <h5 class="title">상품명</h5> <p class="date">올린날짜</p> <p class="price">가격</p> </div> <button class="btn-outline-secondary" id="edit">수정</button> <button class="btn-outline-secondary" id="chat">채팅</button> <!-- #chat 버튼 추가 --> </div><script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script> const firebaseConfig = { apiKey: "AIzaSyDhXipwML1Q6l0fUj7MeEau0SamKJdpsJ0", authDomain: "least-195a2.firebaseapp.com", projectId: "least-195a2", storageBucket: "least-195a2.appspot.com", messagingSenderId: "113456037188", appId: "1:113456037188:web:144286b9c1d391b1b9ab11" };const app = firebase.initializeApp(firebaseConfig); const db = app.firestore();
var 내uid = JSON.parse(localStorage.getItem('user')).uid; var 판매자uid; var 상품명;$('#chat').click(function(){ var 데이터 = { from: 내uid, to: 판매자uid, product: 상품명, date: new Date() }db.collection('chatroom').add(데이터).then((docRef) => { console.log("Document written with ID: ", docRef.id); }).catch((error) => { console.error("Error adding document: ", error); }); });var 쿼리스티링 = new URLSearchParams(window.location.search); var productId = 쿼리스티링.get('id');if (productId !== null && productId !== undefined) { db.collection('product').doc(productId).get().then((result) => { console.log(result.data());판매자uid = result.data().uid; 상품명 = result.data().제목;
$('.author').html('올린사람: ' + result.data().이름); $('.title').html(result.data().제목); $('.price').html(result.data().가격); $('.detail-pic').css('background-image', `url(${result.data().이미지})`); }).catch((error) => { console.error("Error getting document:", error); }); } else { console.warn("Product ID is empty"); alert("상품 ID가 없습니다."); }$('#edit').click(function(){ window.location.href = '/edit.html?id=' + 쿼리스티링.get('id'); });</script>
</body> </html> 이렇게 코드를 짰는데
이렇게 파이어 베이스에 나옵니다. 일단 전에 질문했던 규칙을 모든 사람들이 보고 쓰고 읽고 할 수 있게 하여 진도를 나가고 있습니다
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
- 답변은 로그인 후 가능합니다.