2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
다른 아이디로 로그인 완료 파이어베이스 데이터에 chatroom에 저장 완료 목록에는 뜨지 않습니다. 코드는 아래 와 같습니다
<!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">
<style> .chat-content { height: 450px; overflow-y: scroll; padding: 10px; } .chat-content li { margin-top: 10px; } .text-small { font-size: 12px; color: gray; margin-bottom: 0; } .chat-box { background: #eee; padding: 5px; border-radius: 5px; float: left; } .mine { float: right; } </style> </head> <body> <div class="container p-4 detail"> <div class="row"> <div class="col-3 p-0"> <ul class="list-group chat-list"> <li class="list-group-item"> <h6>채팅방1</h6> <h6 class="text-small">채팅방아이디</h6> </div> <div class="col-9 p-0"> <div class="chat-room"> <ul class="list-group chat-content">- <span class="chat-box">채팅방1 내용</span>
- <span class="chat-box">채팅방1 내용</span>
- <span class="chat-box mine">채팅방1 내용</span>
<div class="input-group"> <input class="form-control" id="chat-input"> <button class="btn btn-secondary" id="send">전송</button> </div> </div> </div> </div> </div><!-- Firebase SDK 추가 (버전 8) --> <script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-firestore.js"></script> <script src="https://www.gstatic.com/firebasejs/8.9.0/firebase-storage.js"></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" };firebase.initializeApp(firebaseConfig);
const db = firebase.firestore(); const storage = firebase.storage(); var 내uid = JSON.parse(localStorage.getItem('user')).uid;db.collection('chatroom').where('who','array-contains','내uid').get().then((result)=>{ result.forEach((a)=>{ console.log(a.data()); var template = `<li class="list-group-item"> <h6>${a.data().product}1</h6> <h6 class="text-small">채팅방아이디</h6> </li>` $('.chat-list').append(template)}) }) </script> </body> </html>
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.