Code Monkey home page Code Monkey logo

ionic_twitter_login's Introduction

ionic_twitter_login

A step by step and working example of twitter login using ionic and ng-cordova-oauth

Pre-requisites
Create a twitter app and get Consumer Key (API Key) and Consumer Secret (API Secret).

Steps

  1. Create a project
  2. cd into the project
  3. Add the required platform(s)
  4. Download "ng-cordova.min.js" and add to js folder
  5. Add the "ng-cordova.min.js" path in "index.html" file just above "cordova.js" path
  6. Add the dependancy "ngCordova" in "app.js" angular module
  7. Add the plugin "cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git" from terminal
  8. Download the "sha1.js" file and add to js folder
  9. Add the "sha1.js" path in index file
  10. Type bower "install ng-cordova-oauth -S" from terminal
  11. Add the "ng-cordova-oauth" file path to index file
  12. Include "ngCordovaOauth" dependancy in "app.js" angular module
  13. Add the "$cordovaOauth" to the controller which is using twitter login function
  14. Add the controller and ng-click in index.html
  15. Add the twitter login function in the controller as show in the app.js (Please replace the api_key and api_secret with your twitter app details)

Reference:
http://blog.ionic.io/oauth-ionic-ngcordova/
https://github.com/nraboy/ng-cordova-oauth

Thanks to Nic Raboy for the plugin and blog.

ionic_twitter_login's People

Contributors

sabharshin avatar

Stargazers

 avatar S. M. Sazedul Haque avatar millenzi avatar

Watchers

James Cloos avatar  avatar

ionic_twitter_login's Issues

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.