2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
코드는 아래와 같습니다.
<!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 src="https://code.jquery.com/jquery-3.6.4.min.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}</h6> <h6 class="text-small">채팅방아이디</h6> </li>`; $('.chat-list').append(template); }); }); </script> </body> </html> 문제는 firebase에서 permission이 뜨는데 파이어 베이스 코드는 아래와 같습니다 rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { // 전체 읽기 권한은 여전히 주석 처리되어 있습니다. 원하면 주석 해제할 수 있습니다. // match /{document=**} { // allow read: if true; // allow write: if request.auth != null; // } match /chatroom/{docid}/messages/{docid2} { allow read, write : if true; } match /product/{docid} { allow read: if true; allow create: if true; allow update: if true; } } } 로그인도 되어있는데 자꾸 에러가 납니다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.