How To Make A Social Or Sharing App For Free - Sign Up
HTML-код
- Опубликовано: 16 сен 2024
- In this video I will cover the basics of how to use Appgyver to create a basic social media or sharing app. This is the first video of the series where I will cover how to create the sign up or create account page. This video walks through creating an app for free using Appgyver for the mobile application and Firebase to handle the database storage and user authentication for the log in page.
Link to the Udemy Appgyver class: www.udemy.com/...
Great video its lilly help thank you
Thank you!
Hi Thanks for this, I'm getting stuck at the apiKey part, I don't have an apiKey code generated where you seem to have one on Firebase
U need to authenticate your project first...
You will need to make sure that you set up the correct project (there are several different areas where you can create a project) then you should be able to follow along with the instructions in the video.
@@TylerTalksChannel Set up the correct project where? Appgyver or Firebase? What several different areas?
@@lukeflannery6539 Log in to firebase then go to the home page (console.firebase.google.com/). Select your Firebase project, select "Build", then select "Firestore Database", select "Create Database" if you have not already. This is the big step, without creating it you will not get the API url. Then click the gear in the top left and click "Project Settings" and ont he next page there should be a section with "Web API Key".
@@TylerTalksChannel it didn’t work for me
Great video, but my problem is, you are bundling activities together which is making it difficult to understand the concept you are putting across. Remember not all of us assimilate the same. One concept at a time
This video was intended to provide alot of detail at one, I have a Playlist on my channel called "How to Create a Social/Sharing App" which goes one concept at a time and splits videos by concepts as well.
Thank you for the great videos dear Tyler,
Would you please help with Authentification using the Facebook account to log in, in addition to the email method.
Unfortunately I am not familiar with how to do this. I will paste a link below to a feature request related to this. I am unsure if this functionality is currently available in Appgyver, but I would recommend asking in the Appgyver forums to see if they know how to do this.
appgyver.canny.io/feature-requests/p/3rd-party-auth
minute 18:16 u have page variables password and username under credentials. can u explain how u set up credentials and have password and username under?
When you add a page or app variable, you can select the variable to change the type, and you can also rename it. You can create your variables (I don't recall if username and password exist by default when authentication is enabled). When you add variables, click them and update the settings to meet your needs on the right of the screen.
Hi, thanks for the video. Sadly I did everything you said(I had some error so I changed semicolon to colon at request body, though) but in the preview app my sign up is not working :( I think there's a problem at the request body of HTTP request, cuz even though I could save it I had validation problem in the formula like "Value of type "undefined" does not have property "resBody"" or "Unknown type is not JSON-serializable".. Can you help me plz?
I would recommend listing the error in the Appgyver forum as they have people who check there regularly. All I can recommend is looking to make sure your data variable is set up correctly and making sure the info for your HTTP request is correct per your firebase docs.
I think I had the same problem as you. Try changing the first http request (the one that signs up the users) to "Signup". You can rename it under "Advanced" > "Name". This worked for me and is not recognising it.
Hi Tyler, I followed all the steps in the video but when I go to testing and press register, it does not register nor send an email nor return me to the previous page.
I did some trouble shooting and found that the issue begins at the "Signup" flow function. It does not return the first output and instead returns the 2nd one. I added a toast message that displays its output node for error messages and it was returning "Error 400". I checked all the syntax and URLs and they are all perfect.
Would you know the fix to this? Appreciate your videos, thanks.
Thanks for watching! Unfortunately I haven't seen that one, but it may be worth checking the Firebase documentation and the Appgyver forums to see if anyone has had anything similar happen.
so sorry for answering late but if you still want to get it working, i managed to fix it by naming the first HTTP request box to Signup in the advanced option. Hope it helps
@@Fireball-2000 It sounds like you fixed it, that's great to hear!
Hi Tyler, where can I find de tutorial for firebase signin and sign up, that you mention?
This looks like it is the correct video if you go to my channel and go to the playlists and look for the how to create a social or sharing app playlist you're looking for the first few videos which are related to the sign in and sign up page.
I am planning to make app for my own business in education and course as a side hustle.. Thank you for this, do you mind to help if I had questions?
Happy to hear it! The main video on my channel shows how to download my app from Google play so you can submit questions to me.
I follows all your step and once it done I can not sign up. once I press sign up the app show " Email required". How could I solved this problem ?
It sounds like you aren't storing the email as a variable so it's not being sent when the sign up option is selected, that or the email is not configured correctly (as a variable).
Is there a way to share your app outside of the App Store? Not for other team members but for the general public?
You could share the APK file or Apple bundles however that would require people to be able to download it and install from a 3rd party which has security implications.
hey at what point did you change your data http to sign up because they keep saying its not valid
You can scroll down in the input section -> Advanced -> Name, and type "Signup".
The issue you might be facing comes at "Request body", in the formula, one needs to use ":" (colon) & not ";" (semicolon)
I hope the answer below helped. The button settings are pretty similar, so you essentially set the POST action and enter in the information. The http portion with the address is pulled from the Firebase documentation.
is it possible to make an app to clone other apps on my phone, any available tutorials on this? PS Thanks for the great video, I subscribed.
Thank you! To your questions, I doubt something like that exists due to issues with copyrights and patents, and if it does there are likely a lot of things to consider when using it. I believe Appgyver has functionality to clone existing projects but those are only projects that you already have created.
can we use the same with airtable (not firebase)
I'm not sure of the nuances associated with airtable, but I used the generic API so if airtable has a similar configuration you should be able to, and you can configure the authentication for log in as well.
Thanks for the video!! I have one question, I do not need to verify the email. So we send the verification email, but I can log in without verifiying it. What am i missing? Thanks!!
I tried covering in this series that the verification email isn't required and that's a limitation to this series. I'm not quite sure how to require it but if I'm not mistaken it requires storing tokens and working with other security settings.
At minute 15.23, where you show the wen api created, when doing the same in the project that I create in firebase, it does not create the web api key, I must do some additional process to create this key?
If you want to take a look at my channel for my newer video how to set up the Firebase api, that should help here.
Tq🥳🥳
Let me know if you have any questions!
Hi tyler, can i ask if this video same like online banking website which we can get the data or any information. 🙂
@Nadia Jamaludin unfortunately this series does not cover authentication or security, which is huge for banks. Online banking provides a high level of encryption and security which I do not know how to do, and I'm unsure if Appgyver is set up for this. I think you would need to contact their team to find out.
Hello great video but I keep getting stuck at 32:41 when you put code for body in it keeps saying error and is in red
As I am not sure what you put, it's possible the error could be something you can skip. If not it would be best for you to verify that you have all of your variables and all other words spelled correctly (It may be case sensitive so you may want to consider that as well).
17:08 if I choose to go with firebase authentication then can I follow the same steps after this or there is some other procedure for that?
To my knowledge, it should not matter as long as you use the authentication page and supported logic in Appgyver. The authentication page in a way acts as a first page, once you complete it gives access to the app. Feel free to look into the docs on Appgyver's website for the specifics!
Hi, you are using another app you created earlier, what am i supposed to do if av never created an app?
If you start at the first video in the playlist you can see the process start to finish. Check the playlist this video is in (a few videos before this one) and you should see it start to finish.
I created a firebase account with google but when i click settings and look for the api there isnt any :(
You will need to go to settings, then you will see 3 options for android, ios, or web app. Try selecting one of those and going through the prompts, this will set it up for the corresponding device type. I go through this in the newest video "How To Create A News App For Free".
Thanks for the video. I'm having trouble too. At first I didn't do the firebase authentication step. But I was able to get an apikey somehoe. Then I did go through the steps to create database, but it still doesn't work. I fill in the email and password and click create account, the screen flashes, indicating the tap event, but no validation pops up and no new user pops up in firebase. It does indicates when I don't have an email or password.
I would recommend starting over for this and going back through the steps. It is possible you have the wrong api info (ex. You could be using a key for another area of firebase). I would also recommend making sure you review the firebase docs as there is a ton of info there, and even if you mistyped one letter it can mess up the entire API call.
Hello, I have the exact same problem and can't find a problem in the api name or URL, did you solve It ? Thanks!!
@@DS-ng4un you may want to try verifying the api key is for the correct project and app type (you can set up web, android, and ios apps in a project if that is applicable here). Then you will want to make sure the functions are set up correctly, and lastly I would recommend making sure the information being sent to Firebase is formatted correctly.
@@TylerTalksChannel Thanks for your answer!
The API key is for the correct project and I put an android type on Firebase (just like in Appgyver).
All the functions are set up correctly
What do you mean by "information being sent to firebase"?
- I created a storage section with "email" and "password".
- In the "Sign InMethod" of Firebase I put on "Email/Password".
Do I have to put on Google Firebase in the Data -> Connectors?
Thank you very much for your help, I do not really understant what I've been missing.
@@DS-ng4un It depends on what method you're looking to use. If you want to use the Google firebase connector you would basically just put your firebase information in Appgyver it's not what I covered in this video but it's a really easy way to do it. Other than that the only thing I could recommend would be to try to delete the authentication and start over to make sure no step was missed.
The app doesn't run after downloading from Google Play Store.
I'm assuming your referring to an app you built recently. I don't know if you mean the entire app or certain functionality, but my recommendation is to download the Appgyver preview app and make sure before publishing that you can use this to view your application. If it works the process should be smooth. If your app has a specific issue then I would recommend asking a question in the Appgyver forums as they have moderators that have a ton of great advice on the platform.
You are using another app you created to make a new one, what do i do if av never created an app?
If you start from the first video in this playlist I do everything from scratch, so you may need to go back a few videos and start there.
@@TylerTalksChannel thanks, but how do i do that? Am trying to search but it's not giving me related videos
@@klasskenya2400click the link in the description, when the video loads look to the right for the playlist. If you want something a bit easier, go to my channel, I have the playlist on my home page near the bottom of the screen!
It doesn't work it says password required ☻💔 can you help me with it plz
I would recommend starting over from the first instruction. This is a tricky one and is very difficult to try to fix halfway. I would recommend checking all of the API calls because even a small change could be an issue. If your sign up call isn't formatted correctly it could cause this, same with the sign in call.
Bro I didn't get any web API key in Firebase 😕 it's showing (No web API key for this project)☹️
@Ish Bakr Log in to firebase then go to the home page (console.firebase.google.com/). Select your Firebase project, select "Build", then select "Firestore Database", select "Create Database" if you have not already. This is the big step, without creating it you will not get the API url. Then click the gear in the top left and click "Project Settings" and ont he next page there should be a section with "Web API Key".
Also, I made a video on the new firebase connector, and a separate video on setting up the appgyver api recently so feel free to check those out!
Ok thx bro got it❤️ and another thing how to add Google login ?
@@ishbakr9548 I have not done this, but I did a quick search and found quite a few videos on RUclips for this. I would recommend checking those out, I don't want to take credit for someone else's work!
@@TylerTalksChannel alright anyway thank u for everything 🤗
@tyler can you please help me..
What can I help with?
@@TylerTalksChannel so my name is Bree and I just do not understand this. I am trying to help an incarcerated individual make an app and i cannot seem to get the api process the whole put in a button so people can upload images or fill out a form and then hit submit. when they hit submit it gets sent to an email..
@@fredlipscomb3357 I would recomend skipping this video related to the sign up part for now. Look in the playlist and go to the forum videos, those will cover the basics of adding into to the app with a button and text boxes.
What is wrong with this? {requestType: "VERIFY_EMAIL", idToken: outputs["Signup"].resBody['idToken']} it just wont work.. first it denied the dot in .resBody and i couldnt figure out what was up so I retyped the whole thing and now its all red. saying :
1: Value "Signup" is not any of the following: "HTTP request", "Receive event"
2: Value of type "undefined" does not have property "resBody"
3: Object property "idToken" is not JSON-serializable
im so confused right now.
The only thing I could think about it making sure the variables are spelled correctly and that it is the right type of http request. If that doesn't help it may be worth posting in the Appgyver forums.
Hello Krayz, Im facing with the exact same issue. Did you find the solution ? :)
@@quicksleep7241 It may be helpful looking into the app government forums also there is a new function in app giver for the firebase sign up you may be able to use that.
Hello Tyler, is it possible for you to help me with a personalized consultation to develop an app? I've tried reaching out through your website, but I haven't received a response. How can I get in touch with you?
I have responded to all of the form request on my website but there was a chat I missed yesterday. If you are able to fill out the form below I should have the information I need to try to help. It is important to note that I will email back, so you may need to check spam depending on the security for your email provider.
codelessfix.com/custom-app-request