Giter Site home page Giter Site logo

nqp's Introduction

NQP

NQP is two simple demonstrations of how to take the Facebook Platform offline, to allow intergation with Facebook on booths or other shared devices where it is undesirable for the user to login to the device directly.

Demonstration 1

In the first deomonstration, a person can browse to the site (on their phone or tablet, ideally), login with Facebook and the system generates a QR code unique to them. This code can then be scanned on the booth at a later date and used to allow serverside integration with the Facbook Platform without the user having to log in to a remote kiosk.

Live Demo

  • Load the 'booth' - http://telliott.net:18274/booth. Requires a modern browser with user media support and an attached webcbam. Tested on Chrome 22. Use that. Allow access to the camera.
  • Load the user code - http://telliott.net:18274/. Use your smartphone ideally.
  • Scan your code from your smartphone with the webcam. The 'booth' should show a personalised view.

User View
Allow Camera Scan Code Personalised Experience

Demonstration 2

Live Demo

  • Load the 'booth' - http://telliott.net:18274/dab. Requires a modern browser with user media support and an attached webcbam. Tested on Chrome 22. Use that. Allow access to the camera.

Red the on-screen intro. It'll describe what this is all about

  • Hit the 'Scan Card button' to fake a card scan
  • Follow the on-screen instructions to complete the Facebook Login for Devices Flow

Scan External ID Show Device Auth Details Personalised Experience

Want to run locally?

Good! It's easy. Simply:

  • Install node and npm (http://www.nodejs.org)
  • Clone the repo: git clone [email protected]:mrtom/nqp.git
  • Install dependencies: cd nqp && npm install
  • Create the Database: node dbcreate.js
  • Create a config.js: cp config.js.example config.js
  • Update your Facebook App ID and App Secret (Head over to https://developers.facebook.com/apps if you don't have a Facebook App. Remember to add 'localhost' as a App Domain and either your Website or Mobile Web URL)
  • Run the server: node server.js
  • To use the second demo you will need to have your application whitelisted to use Facebook Login For Devices. Please refer to the documentation
  • Follow the demo instructions above (but use your own domain:port rather than telliott:18274, obivously :)

FAQ:

  • Where can I find out more detailed information about this project? ** Try README_DETAILED.md or the source

  • Can I use this project for my own purposes? ** Sure thing. It's licensed under the Apache 2 License. Please read it, especially where it says "software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied". Please bear in mind this project was built as a technology demonstration and not a production system.

  • Can I use this project in a commercial project? ** Absolutely.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.