Day29 利用web发送讯息(上)

当我们网页建立了基本的authentcation，接着就能开始建立我们的功能，首先在web上的html 建立input tag(利用kendo ui)

    <kendo-textbox-container floatingLabel="message">
        <input kendoTextBox id="coachMessage" [min]="0" type="text" required />
    </kendo-textbox-container>
    <button kendoButton (click)="editedValueSent()">确认</button>
    <button kendoButton (click)="editedValueCancel()">取消</button>

再於ts档中建立把text传至firebase

async editedValueSent(){
    this.braceletDataEditorVisible = false;
    const peopleId = (document.getElementById('editorId') as HTMLInputElement).value;
    await this.accountService.addCoachMessage(peopleId,message)
  }
  editedValueCancel(){
    this.braceletDataEditorVisible = false;
  }

accountService.ts

  async addCoachMessage(peopleId,message){
    const firebaseId = firebase.auth().currentUser.uid
    const data = {
      coachMessage:message
      };
      console.log(data)
    await this.db.collection('personal-accounts').doc(firebaseId).collection('peoples').doc(peopleId).update(data)
  }

当写入firebase再利用googleHomeTrigger 藉由onChange进行传递讯息