Code Monkey home page Code Monkey logo

Comments (10)

kristianmandrup avatar kristianmandrup commented on May 22, 2024

I also tried opening the project example/ios from Xcode and running from there.

React packager ready.
[3:17:48 PM] <END>   Crawling File System (2052ms)
[3:17:48 PM] <START> Building in-memory fs for JavaScript
[3:17:49 PM] <END>   Building in-memory fs for JavaScript (667ms)
[3:17:49 PM] <START> Building in-memory fs for Assets
[3:17:49 PM] <END>   Building in-memory fs for Assets (346ms)
[3:17:49 PM] <START> Building Haste Map
[3:17:49 PM] <START> Building (deprecated) Asset Map
[3:17:50 PM] <END>   Building (deprecated) Asset Map (312ms)
[3:17:50 PM] <END>   Building Haste Map (646ms)
[3:17:50 PM] <END>   Building Dependency Graph (3719ms)

And my simulator again says could not connect to developer server
run npm start from node root.

but the above was essentially the same output as running npm start which calls react-native start according to package.json.

I'm getting lost with all these requirements and running pieces in order to run a simple app.
Anyone has a working example or can shed light on what I might be missing!?
Thanks!

Note: I updated RN to 0.20 but that should work just fine #40

from google-signin.

kristianmandrup avatar kristianmandrup commented on May 22, 2024

Not sure if I need this or not or how to configure correctly? Do I need to enable Google signin for my app and bundle ID?

co.apptailor.demoapp

You are configuring the my-signin app with bundle ID co.apptailor.demoapp.

Google Sign-In
check Enabled for your app

So it should be good to go!? A fucking jungle! Where do I set/define my app name in the project then?

from google-signin.

kristianmandrup avatar kristianmandrup commented on May 22, 2024

Looking at the iOS guide, where do I find my iosClientID? From the developer console. What is this? I'd guess it is from my account on developer.apple.com?
or? what is the webClientId?

Or is it from here? https://developers.google.com/identity/sign-in/web/devconsole-project

So many developer consoles, app IDs etc. You'd have to spend hours trying to figure out all these configuration pieces...

Maybe here? https://console.developers.google.com/projectselector/apis/library

Hmm, I created an oAuth ID clientID like this:

746452788145-gdsepva57m63mokhmvu59n0jamcdft28.apps.googleusercontent.com

Guess I'm on the right track? But do I need this to run the example?

from google-signin.

kristianmandrup avatar kristianmandrup commented on May 22, 2024

Trying to follow the iOS guide,

Step 1: Get a Configuration file

https://developers.google.com/identity/sign-in/ios/sdk/

Scroll down and click "get a configuation file"

I do this, but then get asked to fill in a form.
I use the bundle Id from the project (no docs in README on where to find it)

"The file contains configuration details, such as keys and identifiers, for the services you just enabled. Drag the GoogleService-Info.plist file you just downloaded into the root of your Xcode project and add it to all targets."

OK, so I guess I have to add this file to the root of a new XCode project or perhaps even in the example project? Since I can see there is no such file there next to RNGoogleSiginExample.xcodeproj

Hmmm... is it important to name the app correctly ie. RNGoogleSiginExample? Too many unknown unknowns...

from google-signin.

kristianmandrup avatar kristianmandrup commented on May 22, 2024

As far as I can see, after I added the GoogleService-Info.plist to my example/ios project, everything should be in place to run it. However it just keeps saying loading with a green bar at the top, then same error as always. How do I debug from here?

facebook/react-native#304

$ npm start

> [email protected] start /Users/kristianmandrup/repos/react-projs/react-native-google-signin/example
> react-native start

Looks like you installed react-native globally, maybe you meant react-native-cli?
To fix the issue, run:
npm uninstall -g react-native
npm install -g react-native-cli

Huh?

from google-signin.

devfd avatar devfd commented on May 22, 2024

So it should be good to go!? A fucking jungle! Where do I set/define my app name in the project then?

No need for such language, it's open source on my free time after all ; )

The sample app has been updated with the latest lib version. simply git clone the repo, and open the .xcodeproject of the sample app. from there you can run the app on a simulator.

Configuring oauth2 is always kind of tricky and sometimes a little messy . The readme shoud be sufficient though but maybe not targeted for first time ios / android developer. Pull request are welcome, in the meantime don't hesitate to ask ;)

from google-signin.

kristianmandrup avatar kristianmandrup commented on May 22, 2024

Sorry, the comment was not targeted at you. Just this whole React/Native + Google API and iOS keys/certificate etc. jungle of configuration... I will try the latest update! Thanks :)

from google-signin.

kristianmandrup avatar kristianmandrup commented on May 22, 2024

Wow! Now it works :) Beautiful :) Thanks for rescuing me!!!

from google-signin.

kristianmandrup avatar kristianmandrup commented on May 22, 2024

On a further note. Please let's make a wiki page called running example app.
Does each developer need to create and add the .plist file? If so we can extract the steps needed from this issue...

from google-signin.

devfd avatar devfd commented on May 22, 2024

running the sample app is (should be) very easy. everything is already configured (plist, urls, client id...) so it's just open with xcode and run

from google-signin.

Related Issues (20)

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.