Giter VIP home page Giter VIP logo

Comments (12)

HiDeoo avatar HiDeoo commented on August 22, 2024

Yeah, the README is not great and I don't have the time right now to expand on it unfortunately (added that to my todos tho as it's an important improvement) but depending on your usage, the hosted version may be enough.

If you still need to run locally, I would advise to create your own .env.development.local which would looks something like this (notice the /auth at the end of the redirect URI):

REACT_APP_VERSION=$npm_package_version
REACT_APP_BUGS_URL=$npm_package_bugs_url

REACT_APP_TWITCH_CLIENT_ID=your_twitch_app_client_id
REACT_APP_TWITCH_REDIRECT_URI=http://localhost:3000/auth

REACT_APP_YOUTUBE_API_KEY=your_youtube_api_key

REACT_APP_IMGUR_CLIENT_ID=your_imgur_api_key

from yata.

dualznz avatar dualznz commented on August 22, 2024

Thanks for the quick reply, I followed your steps and also updated the twitch dev to return to the auth url but it is still doing the exact same thing, I'm stumped

from yata.

HiDeoo avatar HiDeoo commented on August 22, 2024

I tried to logout / login again on my local dev version for sanity but it works. That's weird.

What's the exact error / issue?

In your app, your OAuth Redirect URL is also http://localhost:3000/auth right? Altho, it would just be a 404 so I guess that's not related.
The Client ID is also the one of an App right?

I guess there is something missing / wrong but can't pinpoint what, and I know some people run a local version so I guess it might just be a very small thing.

from yata.

dualznz avatar dualznz commented on August 22, 2024

ok so if i was to bind it to say yata.domain.com/auth then it should in theory work, using just the .env and also once built and served change the domain in package.json ? cause i would really like for this to work

The exact issue is the one i provided, i created a .env.development.local added the required information including http://localhost:3000/auth on both twitch return uri and in the file also just using .env also

when i click on "sighin with twitch" i get
{"status":400,"message":"Sorry, the scope you are requesting is currently unavailable. Please request new scopes documented at https://dev.twitch.tv/docs/authentication/#chat-and-pubsub."}

and cannot login or proceed past that error at all

from yata.

HiDeoo avatar HiDeoo commented on August 22, 2024

Yeah it should, I personally have a .env.development.local file bound to http://localhost:3000/auth and a .env.production used only in prod bound to https://yata.now.sh/auth.

Altho, considering the error you're getting is coming from Twitch, I would say it's not even trying to hit your auth URI. Not sure if the currently in their error mean something, like is this temporary? I thought it could be related to the client-id you're using not being the one of an app like I said in my previous answer but if not, I'm out of idea.

from yata.

HiDeoo avatar HiDeoo commented on August 22, 2024

Actually just typing your error in the Twitch dev forums returns this post, it might be your problem. I quickly read through it, looks like the solution would either to be whitelisted (no idea for what) or change the scope the application is using.

Maybe new applications only have an issue due to:

You could try the new chat:read, chat:edit, and channel:moderate scopes since it looks like those don’t need to be whitelisted. They were recently introduced after chat_login started being abused but have not been added to the documentation yet.

from yata.

dualznz avatar dualznz commented on August 22, 2024

ok so i have removed the project and am redoing it from scratch using my real domain and have made sure to update twitch to yata.domain.com/auth and using the ClientID: that was generated by the application generator. will see if this works if not thats a pitty.

from yata.

dualznz avatar dualznz commented on August 22, 2024

oh ill try and generate a key that way

from yata.

HiDeoo avatar HiDeoo commented on August 22, 2024

Did you check the previous link I posted and investigate around that?

from yata.

dualznz avatar dualznz commented on August 22, 2024

ehh nope {"status":400,"message":"invalid client"} with and without oauth: in front
bahhhhh

from yata.

dualznz avatar dualznz commented on August 22, 2024

i mean there is nothing on my end that should be stopping this, i use twitch dev for other apps i have built and havnt ran into this, its like the scopes that is being requested when logging in is not valid but thats controlled via your code.

so i have no idea and i want to run this on my ipad mini for when im streaming but hmmmm
also no token is being returned in the url is that normal ? im also using client ID and not client secret in .env and .env.production

from yata.

HiDeoo avatar HiDeoo commented on August 22, 2024

Yeah, like it's explained in the post above, you may need to get whitelisted to get the scopes or use some new scopes as I don't have the time right now to refactor this as I don't have this issue (if that's even the issue).

Also, if you don't mind me asking, if the idea is to use it on your iPad mini while streaming, why don't you use the hosted version?

from yata.

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.