大系统观网站查看API调用示例界面
DeepSeek API调用示例(代码)



<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DeepSeek API调用示例</title>
    <script>

            var promptWords = "";

            async function callDeepSeekAPI(apiKey) {
                const url = 'https://api.deepseek.com/chat/completions';
                const headers = new Headers({
                    'Content-Type': 'application/json',
                    'Authorization': `Bearer ${apiKey}`
                });

	
                const data = {
                    model: "deepseek-chat",
                    messages: [{ role: "system", content: `${promptWords}` }]
                };

                try {
                    const response = await fetch(url, {
                        method: 'POST',
                        headers: headers,
                        body: JSON.stringify(data)
                    });

                    if (!response.ok) {
                        throw new Error(`HTTP error! status: ${response.status}`);
                    }

                    const result = await response.json();
                    displayResult(result);
                } catch (error) {
                    console.error('Error calling DeepSeek API:', error);
                    document.getElementById('result').textContent = 'Error: ' + error.message;
                }
            }

            function displayResult(result) {
                const resultElement = document.getElementById('result');
                resultElement.textContent = result.choices[0].message.content;
            }

            function handleAPICall() {
                const apiKey = document.getElementById('apiKeyInput').value;
                callDeepSeekAPI(apiKey);
            }

    </script>
</head>
<body>
    <a href="http://www.holomind.com.cn">大系统观网站</a>    <a href="TestforCallDeepSeekApiCode.html" target="_blank">查看代码</a><br>
    <h1>DeepSeek API 调用示例</h1>
    【重要说明】本示例使用浏览器端JavaScript直接调用API，实际工程实现时不应采取本示例，因为这是不安全的，应使用后端服务调用API。<br>这一小段程序由Kimi辅助完成。<br><br>
    <label for="apiKeyInput">输入你的API Key:</label>
    <input type="text" id="apiKeyInput" placeholder="请输入API Key" size="50" value="sk-213dfcbabc164ccb964ab036aa4f4036">
    <br>
    上面是在<a href="https://www.deepseek.com/" target="_blank">DeepSeek官网</a>临时申请的一个API Key。如果已经过期，请自行申请一个，并在此填入。
    <br><br>

    <label for="promptInput">输入你的提示词:</label><br>
    <textarea id="promptInput" placeholder="请输入提示词" rows="5" cols="71"></textarea><br>

    <button onclick="document.getElementById('result').textContent='我正在思考，可能有点慢，请稍等...'; promptWords = document.getElementById('promptInput').value; handleAPICall()">用上面的提示词调用API</button>
    <br><br>
    还可以用固定的提示词调用API，这样可以定制功能。<br>
    例如，把提示词固定地设为“请用中文、英文、俄文、韩文分别介绍一下DeepSeek”，那么点击下面按钮即可直接显示调用结果，不体现提示词。
    <br>
    <button onclick="document.getElementById('result').textContent='我正在思考，可能有点慢，请稍等...'; promptWords='请用中文、英文、俄文、韩文分别介绍一下DeepSeek'; handleAPICall()">用固定的提示词调用API</button>

    <br><br><br>
    <hr>
    <p id="result">这里将显示API调用的结果。</p>
</body>
</html>