Authentication in React Native

ndarilek · January 13, 2016, 7:11pm

Trying to get basic password authentication working in React Native. Thus far I’ve studied the accounts-password package a bit, and think I’ve found the methods I need to call from my React Native forms to create a user or trigger a login.

I’m confused about how to persist logins using just React Native or ddp-client. Obviously I don’t want users to have to type in their password again and again. So, when they successfully authenticate, what piece of data from ddp-client do I need to store so I’m not persisting their username and password locally? How do I then go from that token to an authenticated DDP session?

Also, something just occurred to me. Meteor’s docs claim that passwords aren’t sent unencrypted over the wire. Do I need to somehow encrypt the passwords client-side before calling the methods that accounts-password exports?

Does anyone have a good example of authentication in React Native or, I suppose, of authentication using ddp-client? I’ve seen a few React Native apps but haven’t yet found one that supports a) simple user creation and b) user/password authentication.

Thanks.

lai · January 13, 2016, 9:47pm

This, my friend, is what you’re looking for:

github.com

spencercarli/meteor-todos-react-native/blob/master/ReactNativeTodos/app/config/db/accounts.js

let React = require('react-native');
let {AsyncStorage} = React;
let ddpClient = require('./lib/ddpClient');
let EventEmitter = require('event-emitter');

let login = (loginObj, resolve, reject) => {
  let obj = { loggedIn: false};
  let loginParams = {};
  if (loginObj.email && loginObj.password) {
    loginParams = { user : { email : loginObj.email }, password : loginObj.password };
  } else if (loginObj.resume) {
    loginParams = { resume: loginObj.resume };
  }

  ddpClient.connection.call("login", [loginParams], (err, res) => {
    if (err) {
      reject(err);
    }

    if (res) {

This file has been truncated. show original

Store the login token, then use it to log back in.

ndarilek · January 13, 2016, 10:04pm

Very nice! Thanks, I’ll give that a shot.