Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now


Rate this page:

Thanks for rating this page!

We are always striving to improve our documentation quality, and your feedback is valuable to us. How could this documentation serve you better?

Sync in the Browser: a Quickstart Guide

In this guide, we'll get you up and running with a sample application you can build on as you learn more about Sync.



The first thing to do is grab all the necessary information from your Twilio account. To set up your Sync token generator, we will need the following:

構成値 概要
Account SID Your primary Twilio account identifier - find this on the main page of the Twilio console.
API Key Used to sign tokens. Generate one using the console API Keys tool.
API Secret Used to sign tokens, together with the corresponding API Key.


適切なサーバー側言語用のダウンロードパッケージを選択します。あなたが基本的にフロントエンドの開発者であり、特に希望するものがない場合は、おそらく Python、Node.js、または Ruby を使用すると、一番早く使い始めることができます。

Follow the instructions in the README for each starter application to configure and run it on your machine, using the values above. You may ignore configuration values for other products; we'll focus on Sync for now.




You have been assigned a random user identity and opened a Sync document called "SyncGame". If you open this page in another browser window or tab, you should be able to play an X or O on the board and see the game board replicate across the other tab.

スターターアプリケーションの HTML と CSS はそれほど面白いものではありませんが、このアプリケーションを 実行する JavaScript コードでは、いくつかの非常に重要な処理が行われています。

  1. Ajax 経由でサーバーから AccessToken をフェッチします。
  2. Sync JavaScript SDKを初期化します
  3. "sync.game"という名前のSyncドキュメントを開きます。
  4. UIイベントを処理して、ドキュメントを更新するか、他のユーザーが内容を変更した際にドキュメントを再読み込みします



もう少しお手伝いが必要ですか?twilio_support@kddi-web.com までお知らせいただければ、迅速に対応させていただきます。 Syncを使った構築をお楽しみください。 そしてどんなものを構築されているのかぜひ教えてください!

次: 識別子とアクセストークン »

Rate this page:


誰しもが一度は考える「コーディングって難しい」。そんな時は、お問い合わせフォームから質問してください。 または、Stack Overflow でTwilioタグのついた情報から欲しいものを探してみましょう。