Skip to contentSkip to navigationSkip to topbar
Rate this page:
On this page

Sync iOS Quickstart

In this guide, we will get you up and running quickly with a sample application you can build on as you learn more about Sync. Sound like a plan? Then let's get cracking!

Table Of Contents

Gather account information

gather-account-information page anchor

The first thing we need to do is grab all the necessary information from our Twilio account. To set up our back-end for Sync, we will need four values from our account:

Config ValuesDescription
Service Instance SIDA service instance where all the data for our application is stored and scoped. Generate one using the console Sync Services tool.
Account SIDYour primary Twilio account identifier - find this on the main page of the Twilio console.
API KeyUsed to sign tokens. Generate one using the console API Keys tool.
API SecretUsed to sign tokens, together with the corresponding API Key.

Download, configure, and run the starter server app

download-configure-and-run-the-starter-server-app page anchor

Choose a download package for your server-side language of choice or download the whole repository(link takes you to an external page). If you're primarily a front-end developer and don't have a strong preference, Python, Node.js, or Ruby will probably get you up and running the fastest.

Follow the instructions in the README for each starter application to configure and run it on your machine, using the four values we created above:

Explore the starter iOS web/server app

explore-the-starter-ios-webserver-app page anchor

To get going quickly, there is a starter iOS web/server app. Download it now:

Configure and Run the Mobile App

configure-and-run-the-mobile-app page anchor

If you'd like to run the application in the simulator, you're all set and ready to play! To run on the device, you'll need to have the server on your machine reachable from the device - either using ngrok to forward traffic to your machine or hosting it somewhere accessible.

This is where the fun begins! When you visit the homepage of the starter application, you should see a page which looks like this:

Twilio Sync iOS Quickstart.

You have been assigned a random user identity and opened a Sync document called "". If you open this app on another device or you can play against the server running locally on your machine in a 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 client.

The HTML and CSS in the starter application aren't terribly interesting, but the JavaScript code driving this application has a few very important jobs:

  1. Fetch an AccessToken from the server via Ajax
  2. Initialize Sync JavaScript SDK
  3. Open a Sync document called "".
  4. Handle UI events to update the document or refresh the document when other users make changes

The iOS application demonstrates:

  1. Fetching an AccessToken from the server via HTTP
  2. Initializing the Sync iOS SDK
  3. Open a Sync document called "".
  4. Handle UI events to update the document or refresh the document when other users make changes

We explore how to manage your users in our user identity guide and cover everything you can do with Sync objects in the Sync Objects Overview.

Now that you have completed the Sync Quickstart,

Rate this page: