How to authenticate using username / password, instagram, twitter or facebook, in a hybrid app (ionic + cordova). This sample app is powered by a nodejs server :)

JavaScript 58.50% Java 7.72% Objective-C 6.27% C++ 1.53% C# 3.43% CSS 22.55%

authenticate.me-client-cordova-ionic's Introduction

Authenticate.me app front end (ionic, angularjs, cordova)

A starting project to achieve server side authentication for hybrid apps. This is the front end. You can either create your server side api based on the following blog post : http://www.frnchnrd.com/blog/ or reuse the authenticate.me server nodejs codebase.

Update cordova to 3.6.0

Note : you'll need the latest version of cordova (3.6.0) for the inAppBrowser plugin to work correctly with ios8 otherwise it will be broken.

Screenshots

APK

you can download the apk here

Using this project

The following steps assume your environment is android / ios ready. If you haven't downloaded the appropriate SDKs (ADT, or xcode) and setup the appropriate PATH variables (mostly for android), please do so before doing the steps below. You'll need nodejs installed as well.

1. Ionic / Cordova

make sure both ionic and cordova are installed on your machine if not run the following command :

 npm install -g cordova ionic

Note : if npm isn't defined you'll need to install node

2. Clone this repo

 git clone https://github.com/malikov/Authenticate.me-client-cordova-ionic.git

Then navigate to the repo :

 cd Authenticate.me-client-cordova-ionic

3. Dependencies

Run :

 npm install

This should install all dependencies for the project.

4. Add a platform

Once the dependencies installed, you'll need to add a platform (Warning this project has been tested for iOs and Android devices ony)

Run :

 ionic platform add android
 ionic platform add ios

Then to build the project run:

 ionic run android
 ionic run ios

5. Configuration

I'd start by looking at the AuthService and Constants.js file. The api url implemented on the client side for the login/registration needs to match the router's url on the server side

TODO

tests

add facebook add native sdk functionalities (i.e : use facebook or twitter's sdk if the app is installed on the phone use the native app otherwise fallback to window.open)

authenticate.me-client-cordova-ionic's People

Contributors

Stargazers

Watchers

authenticate.me-client-cordova-ionic's Issues

Landscape mode: Scrolling not working

cloned your repo and did npm install aswell and then served it and then rotated it into landscape mode and cant see full signup/login form because scroll not working.

I have same issue on my own app. Looked for your app maybe in your app it works so I can do like you do but in your app it not working aswell.

Issues on iphone 4S with ios8.0

1 - The done caption button no longer appears.
2 - The windows never closes after the reaching the callback window

Ionic 1.0.0

Are there any plans to make this app compatible with Ionic 1.0.0 Uranium Unicorn?

have you tested with ionic beta 14?

I got some issues on app.start state and I can not figure out the issue,need your help 🆘

 Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: []
http://errors.angularjs.org/1.3.6/$rootScope/infdig?p0=10&p1=%5B%5D

replace window.open calls by $cordovaInAppBrowser from ngCordova

Example app does not work in Ionic View

following login, the application delivers an authentication success message, but fails to redirect to teh example application, tested for twitter, and Instagram.

Your website link not existing

Your website link http://www.frnchnrd.com/blog/ not existing

Haven't the last version of Ionic

The last version of ionic give us with the ngResource tool by default, Do you plan to upgrade the version of Ionic?

App crashes when opened

Hi,

I cloned your repository into my system and built it as instructed. Then I got apk file and when I installed it in my Android phone, it didn't open. It displayed a message "Unfortunately Authentication.me has stopped". I tried 3 times and I got same message. Maybe you should try it in Android 4.2 ( Jelly Bean )

Work with native app?

does it work with native social app (etc: facebook) instead of inappbrowser?

$digest() iterations error

Dashboard/Home page displays following error:-
Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: []

If anyone could help me out with this.

Thanks.

malikov / authenticate.me-client-cordova-ionic Goto Github PK