Name: cannonball-web
Owner: Crashlytics, Inc.
Description: Cannonball for Web featuring an end-to-end Digits Web Demo in JavaScript and Node.
Created: 2015-08-13 13:16:00.0
Updated: 2017-11-13 23:52:26.0
Pushed: 2017-06-02 13:53:24.0
Homepage: http://t.co/cannonball
Size: 4534
Language: HTML
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
This repository contains the source code for the simple website presenting Cannonball and featuring an end-to-end Digits login web demo built in JavaScript and Node.
Cannonball is a canonical sample iOS and Android app to demonstrate how to use Fabric, the tools you need to build the best apps.
Cannonball uses many of the features available in Fabric, including Crashlytics, Answers, Sign In with Phone Number via Digits, embedded Tweet timelines with the Twitter Kit as well as the Tweet Composer to share on Twitter, and finally Native Ads from MoPub.
Cannonball is open source, so feel free to take a look at the code of Cannonball for iOS and Cannonball for Android on GitHub.
If you?re looking for an example of how to use Digits in your web application, there are two files in this project that are particularly interesting:
On the client, public/javascripts/cannonball.js
contains our implementation of the Digits JavaScript SDK for the Cannonball page. It initializes the Digits SDK in the browser with the consumer key, triggers the Digits login flow when the user starts to interact with the ?Sign In with Phone? button, performs a request to the backend passing the right OAuth Echo headers and eventually displays the phone number.
On the server, routes/index.js
is responsible for verifying the authentication and interacting with the Digits API. When the login is successful, the Digits API will return the user information, and this route file returns a JSON object back to the web page to display the verified phone number.
Note: In this demo, we simply display on the page the phone number returned over JSON ? but for your application, you would most likely store the Digits user ID and verified phone number in your database, either for the core user identity or to enrich an existing profile.
config.json
file using config.sample.json
as a template. Fill in your Digits app information.install
start
You can then go to http://localhost:3000 in your browser.
Assuming you have a Heroku account, you can easily deploy this sample online.
View
once the setup is complete and take note of the URL.Website
to the URL from the previous step.Copyright 2017 Google, Inc. and contributors.
Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0