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 件のコメント:
コメントを投稿