Firebase에서 무료로 만드는 하이스코어 DB(3) : 쓰기 등

마지막까지 사막의 양

무료 프로그램 학습용 피코 피코 게임 사막의 양을 작성하면서 그 과정을 기사로 하고 있다.
2일정전(집필 11/7, 실장 11/5 심야)에 하이스코어 처리 실장을 마쳤지만, 아무도 등록이 없고 울고 있는 가운데가 된다.

Firebase 편 기사:

【초간단】Firebase 로 무료로 만드는 하이스코어 DB : API 키 제한 설정 잊지 않고! !

Firebase에서 무료로 만드는 하이스코어DB(2) : 과금·인증을 생각한다

인증 처리 정보

이전 기사에서 firebase.auth.AuthUI() 로 로그인 처리의 거동을 확인했다.
익명 로그인을 사용하면 브라우저를 다시 로드할 때마다 로그아웃되는 거동을 취하는 것 같았다.

API 키 제한 정보

IP 주소에 의한 제한을 가할 수 있지만, 왠지 액세스권이 없는 에러가 나오는 일이 있었다.
※원인 불명 엄마

DB 쓰기 정보

기록 처리는 이하와 같다.
너무 지나치게 기사로 만드는 것이 미안한 수준이다.

game.js

  var db = firebase.firestore()
  // scores テーブルに、レコード登録。
  // 登録データはjson形式で指定
  // id は指定しなければ自動で生成される
  db.collection('scores').add({
    name: name,
    score: this.score
  }).then((r) => {
    $('#register-container').hide() // 重複登録させないよう、登録ボタンを消す。
    Game.buildHiScores(true)        // ハイスコアを再取得/再表示
  })

결론

원래 i-mode용의 게임을 브라우저 게임으로서 이식해 어쩐지 반응형 대응을 넣는 것으로 스마트폰에서도 동작하는 게임으로 했지만, 히트에 붙은 츠노를 보고 즐기는 게임이었지만 스마트폰이라고 손가락이 방해로 일절 보이지 않는다는 매우 유감스러운 UX가 되어 있었지만 학습용이라고 하는 것으로 끝까지 작성했다.

액세스량이나 읽고 쓰기량을 워치 하고 싶기 때문에, 적당히 놀아 스코어 등록해 주실 수 있으면 다행입니다. 학습용 소스이기 때문에 SNS 로그인도 지원했지만 익명 로그인 권장입니다.

소스 코드는 github에서 공개하고 있으므로 자유롭게 이용하십시오.

사막 양 : 소스 코드
사막 양 : 게임 페이지