chatgpt API 카카오 adfit 등록하기

1.애드핏 등록하기

https://adfit.kakao.com/adManagement

 

        #loader {
            font-size: 25px;
            text-align: center;
        }
---------------------
        .kakao_ad {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            min-width: 350px;
            min-height: 200px;
        }
    </style>
</head>
---------------------

<!-- loading sippner -->
            <button id="btn" onclick="spinner()">send</button>
        </div>
    </div>
    
    ---------------------
    <!-- kakao adfit config -->
    <div class="kakao_ad">
        <ins class="kakao_ad_area" style="display:none;" data-ad-unit="DAN-" data-ad-width="320"
            data-ad-height="100"></ins>
        <script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script>
    </div>
---------------------
    <script>

2.복채 보내기 기능

 

https://www.buymeacoffee.com/settings

 

관련 코드 추가

------------------      
astrologerMessage.classList.add('chat-message');
            
            astrologerMessage.innerHTML = `<p class='assistant'>${data.assistant}</p>`;
            
            //assistantMessage가 보내 주는 곳에 내용 추가하려면 여기
            const p = document.createElement('p');
            p.innerHTML =  '추가로 링크를 눌러 작은 정성을 베풀어 주시면 더 좋은 운세를 점쳐드릴 수 있으실겁니다. => '
            p.classList.add("assistant");
            const link = document.createElement('a');
            link.href = "https://buymeacoffee.com/NomadJake";
            link.innerHTML = "복채 보내기";
            p.appendChild(link);
            astrologerMessage.appendChild(p);
            "<p> <a href='https://buymeacoffee.com/NomadJake'>복채 보내기</a></p>";

------------------            
            chatBox.appendChild(astrologerMessage);
        };

 

 

3. Chatgpt API 오류 날 때 retry하는 코드 작성

이전 코드

수정 코드

                JSON.parse('{"role": "assistant", "content": "'+String(assistantMessages.shift()).replace(/\n/g,"")+'"}')
            )
        }
    }
------------------
    const maxRetries = 3;
    let retries = 0;
    let completion
    while (retries < maxRetries) {
      try {
        completion = await openai.createChatCompletion({
          model: "gpt-3.5-turbo",
          messages: messages
        });
        break;
      } catch (error) {
          retries++;
          console.log(error);
          console.log(`Error fetching data, retrying (${retries}/${maxRetries})...`);
      }
    }
------------------
    let fortune = completion.data.choices[0].message['content']

 

최종 코드

https://gist.github.com/supruri/f2f3ab1df71f2ecaa67c8730957f13da