Trouble running example

Question

Trouble running example

Closed this issue 9 years ago · 25 comments

Tried running example locally.

npm install
npm start

Then ran the xcode project in ios folder from Xcode. Created account credentials and clicked sign up.
Then the app stalled on creating account...

<View style={{alignItems: 'center'}}>
  <Text>Creating account...</Text>
</View>

I would have assumed there would be some kind of timeout built in? Is that planned?
I guess I need to set up the endpoint or start the server?
Would be nice with some basic instructions :) Thanks.

    this.app.service('users').create(userData).then((result) => {
      this.app.authenticate({
        type: 'local',
        username: this.state.username,
        password: this.state.password
      }).then(response => {
        this.setState({ loading: false });
        // re-route to main authorized chat   component
        Actions.main();
      }).catch(error => {
        console.log(error);
        Alert.alert('Error', 'Please enter a valid username or password.');
        this.setState({ loading: false });
      });
    }).catch((err) => {
      console.log('err');
      console.log(err);
      self.setState({loading: false});
      Alert.alert('Error', err.message);
    });
  }

Trying to locate the socket setup, I see this:

export default class Application extends React.Component {
  constructor(props) {
    // ...
    const options = {transports: ['websocket'], forceNew: true};
    const socket = io('http://192.168.0.1:3030', options);

So it looks like the IP is hardcoded to 192.168.0.1. Which usually is just the IP for localhost
Where is the feathersjs server I wonder? How do I start it? is this another project I need to spin up?

Also, trying to debug from Chrome via localhost:8081/debugger-ui caused a Not available error, as did http://localhost:8081/index.ios.bundle even though I find this in AppDelegate.m.

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

Answer 1 · 2016-03-19T17:28:48.000Z

After having tried feathers-chat, I assume that this is just another client for the same server found there :)

Answer 2 · 2016-03-19T19:01:55.000Z

Tried starting the feathers-chat server running on localhost:3030, but still getting the same error and no Chrome debug. I'm sure I'm on the right track however...

Answer 3 · 2016-03-19T19:28:15.000Z

@kristianmandrup

const socket = io('http://192.168.0.1:3030', options);

Accidentally checked that in, that was when we were testing on device.

I assume that this is just another client for the same server found there :)

Yup!

Let me just check to see what is going on. I may have some changes locally that I forgot to push.

Answer 4 · 2016-03-19T19:31:16.000Z

Gracias! Perhaps you/we could detect if the server is up and running (at expected address/port) and display/log an error if not.

Answer 5 · 2016-03-19T19:32:25.000Z

@kristianmandrup OMG I forgot to check-in a shit ton of changes so that it works with the chat server. :faceplam:

Pushing up shortly and everything will work MUCH better. Damn, I had been directing people to the app thinking I had pushed the updates.

Answer 6 · 2016-03-19T19:33:33.000Z

Sweet :) No worries, happens even for the best! hehe. Very typical

Answer 7 · 2016-03-19T19:37:49.000Z

I hope it will include some sort of error handling as well. Would be nice to see some good sample code:
http://docs.feathersjs.com/middleware/error-handling.html

Answer 8 · 2016-03-19T19:41:12.000Z

@kristianmandrup ok pushed up the latest. Hope that helps.

Answer 9 · 2016-03-19T19:57:02.000Z

I get undefined is not an object, evaluating options.type. Perhaps set it to (options = {}) or even use a default type?

// Application.js#55

      this.app.authenticate().then(() => {
        this.setState({ loading: false });
        Actions.main();
      }).catch(error => {

    app.authenticate = function (options) {
      if (!options.type) {
        throw new Error('You need to provide a `type` attribute when calling app.authenticate()');
      }

Answer 10 · 2016-03-19T20:07:27.000Z

@kristianmandrup that has been fixed. Blow away your node_modules in the react native app and re-install. Which version of feathers-authentication do you have installed? You should have v0.5.1.

Answer 11 · 2016-03-19T20:08:13.000Z

    "feathers": "2.0.0",
    "feathers-authentication": "^0.5.0",

$ npm install
feathersreactnativechat@0.1.0 /Users/kristianmandrup/repos/react-projs/feathers-react-native-chat
└── feathers-authentication@0.5.1

Sweet :)

Answer 12 · 2016-03-19T20:09:07.000Z

run npm ls feathers-authentication what does that output?

Answer 13 · 2016-03-19T20:12:52.000Z

Haha :) Now I'm in trouble. I made so many signup attempts last time. Now I'm prompted with login only, but can't seem to find which signup credentials were successful (since no feedback).

How do I blast the nedb back to zero?

Answer 14 · 2016-03-19T20:16:54.000Z

@kristianmandrup just rm data/*.db

Answer 15 · 2016-03-19T20:17:44.000Z

Well, I found this in the feathers-chat in services/user/index

  const db = new NeDB({
    filename: path.join(app.get('nedb'), 'users.db'),
    autoload: true
  });

Would be nice with the register button as well in case user wants to login/register as another user?

Answer 16 · 2016-03-19T20:18:00.000Z

Gracias! Will do.

Answer 17 · 2016-03-19T20:19:49.000Z

@kristianmandrup you should be able to register and login as multiple users.

Answer 18 · 2016-03-19T20:21:00.000Z

I checked, when I start the server data folder is empty. However I'm still always prompted with "welcome back" and login only. But I can close that window and register again. I see ;)

Answer 19 · 2016-03-19T20:22:03.000Z

Wow it WUUURKZzzz!!!! Muchas Gracias!

Answer 20 · 2016-03-19T20:26:13.000Z

@kristianmandrup Ya it caches your token. Basically if it detects a previous token stored and the auth attempt fails, it assumes you logged in successfully at some point. So it directs you to the login screen. You can manually clear AsyncStorage or just remove the app from the simulator and rebuild it (or just log in again). Glad you got it working 😄

Answer 21 · 2016-03-19T20:30:06.000Z

Yeah! I was working on a similar RN chat app using Firebase and Gifted Messenger.
But this one is beautiful and much simpler :) Inspired!

I also love the filter mechanics of FeathersJS, (currently reading the full ebook). Just what I was looking for. Considering writing a DB adapter for Datomic/Datascript... (clojure land). Cheers!

Answer 22 · 2016-03-19T20:36:46.000Z

@kristianmandrup awesome! We are always open to PRs! 😄

Answer 23 · 2016-03-19T21:30:03.000Z

Do you have a dev forum of some sort where we can have tech discussions, ideas etc. without bloating up these github issues :P

Answer 24 · 2016-03-19T22:08:19.000Z

Very early attempt/start: https://github.com/kristianmandrup/feathers-datascript

Answer 25 · 2016-03-20T13:05:59.000Z

@kristianmandrup http://slack.feathersjs.com is currently the spot. We also have a public Trello board for the high level roadmap but we've been much more attentive to Github issues and Slack.