Google Firebase の自習[ﾌﾟﾛｸﾞﾗﾐﾝｸﾞ]
(2017-06-19 12:00:34) by shinoda

自習といっても､取りあえず右も左もまったくわからないので､日経ITpro ｻｲﾄ内の『ｸｼﾞﾗ飛行机｢仕事に役立つJavaScript入門｣Googleの｢Firebase｣でﾘｱﾙﾀｲﾑ掲示板を作ってみよう(前編)』をそのまま参考にしただけである｡

手順としては(詳しくは上記ｻｲﾄを参照)､

    1. Googleｱｶｳﾝﾄで､Firebaseにｻｲﾝｲﾝ
    2. Firebaseｺﾝｿｰﾙ画面で｢新規ﾌﾟﾛｼﾞｪｸﾄを作成｣
    3. ｢ｳｪﾌﾞｱﾌﾟﾘにFirebaseを追加｣のﾎﾞﾀﾝ押下(作成されたｽｸﾘﾌﾟﾄを保存しておく)
    4. Googleｱｶｳﾝﾄでﾛｸﾞｲﾝしなくても利用できるようDB設定を行う
    5. ﾛｰｶﾙ PC に Node.js をｲﾝｽﾄｰﾙ
    6. Firebaseのｺﾏﾝﾄﾞﾗｲﾝﾂｰﾙをｲﾝｽﾄｰﾙ
    7. Firebaseにﾛｸﾞｲﾝ(権限設定)
    8. Firebaseﾌﾟﾛｼﾞｪｸﾄの開始(ﾌﾟﾛｼﾞｪｸﾄ選択や初期設定あり)
    9. Firebaseｻｰﾊﾞ起動

これで､http://localhost:5000/ にｱｸｾｽすればﾃﾞﾓ画面が見れるようになる｡

今回は､このﾃﾞﾓ画面のﾌｧｲﾙ(index.html)を｢掲示板 JavaScript を内包した｣ものに変更｡(上記ｻｲﾄに掲載されているのでｺﾋﾟﾍﾟ)

ﾌｧｲﾙの場所は､上記手順の｢Firebaseにﾛｸﾞｲﾝ｣(firebase login)の実行後の設定を､ﾃﾞｨﾌｫﾙﾄ値で行っていれば､例えば､ﾕｰｻﾞ shinoda であれば､

C:\Users\shinoda\public

が､DocumentRoot になっているので､この下の index.html を修正する｡

ちゃんと､掲示板が機能しているのを確認できた｡

<画像：20170619_firebase.jpg>

ちなみに注意点｡


ま､俺が Firebase や Node.js のことをまだあまり理解してないがための注意点だけど(^^;
ｺﾒﾝﾄ投稿
次の記事へ >
< 前の記事へ
TOPへ戻る

Powered by
MT4i 3.0.8