html 用于连接DialogFlow和Firebase实时数据库的客户端示例

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 用于连接DialogFlow和Firebase实时数据库的客户端示例相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style>
            body {
              width: 100vw;
              height: 100vh;
              background-color: #000;
              background-repeat: no-repeat;
              background-position: center bottom;
              color: #fff;
            }
      </style>
    </head>
    <body>
        <p id="face-name">ホゲホゲ</p>

        <script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
        <script>
            // Initialize Firebase
            var config = {
                apiKey: "<API_KEY>",
                authDomain: "<PROJECT_ID>.firebaseapp.com",
                databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
                storageBucket: "<BUCKET>.appspot.com",
                messagingSenderId: "<SENDER_ID>",
            };
            firebase.initializeApp(config);

            var db = firebase.database();
            var faceType = db.ref('faceName'); //取得したいデータのパスを指定
            faceType.on('value', function(snapshot) { 
                const value = snapshot.val(); //faceNameに入ってる値を取得
                document.getElementById("face-name").innerText = value;
                document.body.style.backgroundImage = 'url(img/' + value + '.png)';
            });
        </script>
    </body>
</html>

以上是关于html 用于连接DialogFlow和Firebase实时数据库的客户端示例的主要内容，如果未能解决你的问题，请参考以下文章

Expo 中用于 React Native 的 Dialogflow API 聊天机器人

可以100％以编程方式创建，更新和删除（管理）Dialogflow代理吗？

Dialogflow 使用 Firebase 连接到 MQTT 代理？

聊天机器人開發好消息！！DIALOGFLOW與微信的天作之合！！

Flutter 和 DialogFlow 聊天机器人

BigQuery 和 Dialogflow 的集成