https://s3-ap-northeast-1.amazonaws.com/fire-chat/fire-chat-demo.html
<html>
<head>
<link rel="import" href="https://s3-ap-northeast-1.amazonaws.com/fire-chat/fire-chat.html" />
</head>
<body>
<fire-chat auth-domain="xxx-12345.firebaseapp.com" database="https://xxx-12345.firebaseio.com/" api-key="xxxxxxxxxxxxxxxx" room-id="[[ルームID]]" user="[[ユーザー情報]]" />
</body>
</html>
- ルームID チャットルームのIDです。ユニークに自由に設定してください。
- ユーザー情報
ユーザー情報です。JSON形式で指定してください。
{"id": 1, "name": "Taro", "photoUrl": "https://xxx.com/users/1.png"}のような形式です。 JavaScriptによって設定する場合は以下のような形です。document.querySelector('fire-chat').set('user', {"id": 1, "name": "Taro", "photoUrl": "https://xxx.com/users/1.png"])
yarn installbower install
yarn run dev
yarn run build
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent