2025年3月27日木曜日

nodejs:: http-server / firebase-hosting (or fc2) & firebase-rtdb

 https://snowsystem.net/development/web-server-simple-launch/

-----------------------------------------------------------------------------------

https://qiita.com/beeytnh/items/0c0114e92e0a98d3070d で公開サイトを作成できた

つぎはこれをesp8266でget...... ただしラズパイでないとnode.jsが古くてhostingあかーん

https://qiita.com/hiroyuki7/items/2f74105d9d0298ac317aで以下の古いライブラリで

成功した onメソッドにてリアルタイム更新表示となっている

<html><head><script src="https://www.gstatic.com/firebasejs/4.1.3/firebase.js">

// このjsは全部入の巨大ファイル

 </script>

<script> 

//  ここからfirebaseのsettingをコピペ

   const firebaseConfig = {

    apiKey: "AIzaSyCcIW92ehZDJSAAJylBZGeeviyYtCPqous",

    authDomain: "my-nodejs-e9414.firebaseapp.com",

    databaseURL: "https://my-nodejs-e9414-default-rtdb.firebaseio.com",

    projectId: "my-nodejs-e9414",

    storageBucket: "my-nodejs-e9414.firebasestorage.app",

    messagingSenderId: "64417285110",

    appId: "1:64417285110:web:41cac867f805aec2c07dd7",

    measurementId: "G-K0E78VTKBB"

  }; 

// ここまで

  firebase.initializeApp(firebaseConfig);

  var databse = firebase.database();

  var people = databse.ref('people/');

  people.on('value', (snapshot) => {

      let data = snapshot.val();

      let result = "";

      for(let i in data){

        let person = data[i];

        result += '<li>' + person.name + '[' + person.mail + ',' + person.age + '歳]';

      }

      document.querySelector('#list').innerHTML = result;

      });  

</script>

</head>

<body> 

<h1>latest datas</h1>

<ol id="list">wait...</ol>

</body>

</html>

0 件のコメント:

コメントを投稿