- 24
- 18 683
Techi Share
Приєднався 14 гру 2019
GET & POST Methods in Ionic React with PHP & MySQL Using XAMPP - Full Tutorial
In this video, I demonstrate how to use the GET and POST methods in an Ionic React project with PHP and MySQL, running on XAMPP. You'll learn how to set up your backend using PHP, connect to a MySQL database, and send and receive data between your Ionic React frontend and the backend. Perfect for beginners looking to integrate PHP with Ionic React apps!
Переглядів: 71
Відео
How to Create Custom App Icon & Splash Screen in Ionic React | Step-by-Step Tutorial
Переглядів 107Місяць тому
In this tutorial, learn how to create custom app icons and splash screens for your Ionic React application. I'll guide you through the process step by step, from designing the assets to implementing them in your project. By the end of this video, you’ll have a personalized app icon and splash screen to enhance your mobile app’s appearance. Perfect for developers looking to give their apps a pro...
Create a Dynamic Pie Chart with Ionic React, PHP, and MySQL | Step-by-Step Tutorial
Переглядів 76Місяць тому
Learn how to create a dynamic pie chart in your Ionic React application, powered by PHP and MySQL. In this tutorial, we'll walk you through the entire process-from setting up your backend to displaying the data in a visually appealing pie chart on the frontend. Whether you're a beginner or looking to enhance your web development skills, this video has got you covered. Don't forget to like, shar...
Strapi(CMS) in Ionic React: A Step-by-Step Guide!
Переглядів 152Місяць тому
Discover the power of Strapi, a flexible and open-source headless CMS, in your Ionic React projects! In this tutorial, I’ll walk you through the entire process of integrating Strapi into your Ionic React app, from setup to seamless content management. Perfect for developers looking to enhance their mobile apps with dynamic content. Don't miss out on this essential guide to modern app development!
File Upload with Ionic React and PHP: A Step-by-Step Guide
Переглядів 672 місяці тому
In this video, you'll learn how to implement file upload functionality in an Ionic React application with a PHP backend. We’ll walk you through setting up a simple Ionic React project, creating a form for file selection, and using Axios to handle the file upload process. On the server side, we’ll cover the PHP script needed to receive and store the uploaded files. By the end, you’ll have a full...
Ionic Local Notification
Переглядів 8610 місяців тому
This comprehensive guide covers everything from the basics to advanced techniques, ensuring you have the knowledge to implement effective local notifications in your applications. Learn about different platforms, set up permissions, and customize notification content to engage users effectively.
Ionic 6 Custom fonts
Переглядів 129Рік тому
In this video tutorial, we'll show you how to easily integrate custom fonts into your Ionic 6 React projects. Whether you're looking to add a unique style to your app or match your brand's typography, custom fonts can make a significant impact.
Ionic 6 React Login Page Design & Functionality with PHP & MySQL - Step-by-Step Tutorial
Переглядів 1,7 тис.Рік тому
Welcome to our comprehensive tutorial on building a modern login page using Ionic 6 with React, backed by a PHP and MySQL backend. In this step-by-step video, we'll walk you through the entire process of creating a secure and user-friendly login system for your web application. Key Highlights: Design a stunning login page with Ionic 6 and React. Connect your frontend to a PHP-based backend. Sto...
Create, Read, Update, Delete: Ionic 6 CRUD App using React, PHP, and MySQL
Переглядів 450Рік тому
Click the link for Angular CRUD operation: ua-cam.com/video/QjJPsxbW_0c/v-deo.html Learn how to seamlessly perform CRUD operations in Ionic 6 using React, PHP, and MySQL with our step-by-step tutorial. Build a complete data management system for your mobile and web applications, and become proficient in creating, reading, updating, and deleting data effortlessly. "Step-by-Step: Ionic 6 CRUD Tut...
CRUD Operations in Ionic 6 with PHP and MySQL: A Step-by-Step Tutorial
Переглядів 3,2 тис.Рік тому
Mysql Database connectivity: ua-cam.com/video/47CE6yygGmY/v-deo.htmlsi=l2IfBjEYzgfgZTxG Welcome to our comprehensive tutorial on CRUD (Create, Read, Update, Delete) operations in Ionic 6 using PHP and MySQL! If you're looking to build powerful mobile applications with a robust backend, you're in the right place. In this step-by-step guide, we'll walk you through the entire process of creating, ...
How simple to implement search functionality in ionic 6 using PHPand Mysql
Переглядів 235Рік тому
Connecting Mysql database using php ua-cam.com/video/47CE6yygGmY/v-deo.html The video is a tutorial that demonstrates how to implement search functionality in an Ionic 6 mobile app using PHP and MySQL. The tutorial starts by explaining the importance of search functionality in mobile apps and how it can enhance the user experience. The instructor then proceeds to demonstrate how to set up the d...
Ionic 6 - Connecting MySQL Database with Ionic 6 using PHP
Переглядів 4,7 тис.Рік тому
In this video tutorial, we will learn how to connect a MySQL database with Ionic 6 using PHP. Ionic is a popular framework for building hybrid mobile applications, while MySQL is a widely-used relational database management system. By connecting these two technologies using PHP, we can create powerful and dynamic mobile applications that can store and retrieve data from the database. First, we ...
Ionic 6 - How to integrate youtube videos in ionic 6
Переглядів 1,2 тис.Рік тому
In this video, we will be exploring how to securely integrate UA-cam videos into an Ionic 6 app using DomSanitizer. UA-cam is a popular platform for sharing video content, and by integrating it into your Ionic app, you can provide your users with engaging video content. However, embedding UA-cam videos into your app can pose a security risk as it requires using an external resource. In this tut...
Ionic 6 with NewsAPI (Creating free news app)
Переглядів 951Рік тому
In this video, we'll be discussing the integration of Ionic 6 and NewsAPI to build a powerful and efficient mobile app. We'll start by exploring the basics of Ionic 6 and its features, and then move on to learn about NewsAPI and its API for retrieving news from various sources. Next, we'll integrate the NewsAPI into our Ionic 6 app using Angular and REST API calls. You'll learn how to make HTTP...
Ionic 6 Top 10 features
Переглядів 194Рік тому
Join us in discovering the top 10 amazing features of Ionic 6! Ionic is a popular open-source framework for building cross-platform mobile apps, and its latest version, Ionic 6, is packed with incredible improvements. From faster performance and improved UI components to enhanced support for web standards, we'll showcase the most impactful updates that make Ionic 6 a must-have for your app deve...
Ionic 6 with Chatgpt 3(Open AI) - The Future Technology
Переглядів 2,1 тис.Рік тому
Ionic 6 with Chatgpt 3(Open AI) - The Future Technology
Is the source code available on github?
Thanks!! Great tutorial ;)
Looks useful. I've recently heard about this CMS but I have no idea of it. Everyday there's a new CMS, but this looks promising, very flexible for what you've shown. Thanks.
Absolutely! It can be overwhelming with so many CMS options out there. I'm glad you found it promising and flexible.
Y como hago el deploy?
has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. where can i access my htaccess
Getting two warning : 1. Third-party cookie will be blocked. Learn more in the Issues tab. 2. Error with Permissions-Policy header: Unrecognized feature: 'ch-ua-form-factor'. how to fix it ?
Very nice!
Thanks!
Really good and useful tutorial. I'm developing right now a webapp with this features and I've already used several concepts from this video. Thanks and congrats.
hello , thank you for this tutorial , is there any source code available?
how can i deploy it? when i search over the internet it says that i need to make the php file accessible over the internet. can you make a tutorial for that??
Can i use in a project mobile with capacitor??
Good tutorial. Providing explanations would make it better.
I have an error on: this.formData['update'] = true; this.formData['studentId'] = this.studentId; from edit.page.ts, how can I resolve it?
I had the same issue, I could fix it by editing the file edit.page.ts to this: import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import axios from 'axios'; import { NavController } from '@ionic/angular'; @Component({ selector: 'app-edit', templateUrl: './edit.page.html', styleUrls: ['./edit.page.scss'], }) export class EditPage implements OnInit { formData = { firstName: "", lastName: "", gender: "", age: "", email: "", update: false, studentId: 0 } constructor(private activatedRoute: ActivatedRoute, private navCtrl: NavController) { } ngOnInit() { this.activatedRoute.params.subscribe((params) => { this.formData.studentId = +params['id']; this.getStudentData(); }) } getStudentData() { axios.get(`localhost/students.php?studentId=${this.formData.studentId}`) .then( (response) => { console.log(response.data); this.formData = { firstName: response.data[0].first_name, lastName: response.data[0].last_name, gender: response.data[0].gender, age: response.data[0].age, email: response.data[0].email, studentId: this.formData.studentId, update: this.formData.update } }) .catch((error) => { console.log(error); }) } update() { console.log(this.formData); this.formData.update = true; axios.post("localhost/students.php", this.formData) .then( (response) => { if(response.data == "1") { this.navCtrl.navigateForward('/home'); } }) .catch((error) => { console.log(error); }) } }
Thnx for tut. Why ur use in php loop to get student data? Can u use fachall and in ts componet loop data
Very good tutorial ❤👏👍
whould be good if u shared the source code
Thanks for sharing. video is blurry can't see the text specially small writing.
Thanks for sharing your feedback. I will improve the standard further.
i have fixed it. wow
i have an issue with CORS i am using ubuntu and i am developping with ionic react capacitor. while i send data from ionic to mysql nothig appear in my mysql database. i really don't know what is going on
Do you resolve that problem? I have the same issue
Wow you did it. Thank you so much
You're welcome!
@@techishare9993excuse do you know how to integrate a Google mapping inside the ionic react capacitor and store the GPS position inside mysql to mark and show them on Google map inside the ionic react capacitor app ?
@@techishare9993 hello. sorry to disturb you again. I import image through ionic react and post it with axios inside my php mysql. but nothing has sent. must i put .files on the variable in the axios syntax?
Good job. Do you have an exemple with ionic react capacitor ? Or is it the same process?
Its same. I will try to post videos using react.
@@techishare9993 for ionic react i don't have to use angular syntaxe, do i?
You can refer this video for react ua-cam.com/video/QsMSCHCTXoA/v-deo.htmlsi=HacieWOLRo1ERJiu
I'm getting error 400 and error 404, quite strange since I pasted the correct API key
thanks a lot. at last i can find a working solution that when i make same and works :)
there are few people who make current ionic content, your videos are incredible and well explained, you could upload a video making an administrator panel (which logs in and where you can do the crud of information for the user to see if it has been updated or deleted something
Excuse me i don't know if you could help me. I am using ionic react. How could i insert data from my ionic page to my database mysql
You can refer this video: ua-cam.com/video/QjJPsxbW_0c/v-deo.htmlsi=LJCoHXphRixsGbxC
how to find axios post url
Thanks for your effort you made Ionic easy to understand. Can you make login tutorial in Ionic using mysqli , im struggling with my project in Ionic on login and using cookies for future reference. Thanks
Sure...please stay connected for the video..
Thanks 😊
Love ur videos. I have been searching fir this for a long time now
Very Thank you!!!!
Please can you make a video of how to create a ( create, delete, update, read) php API, in this wonderful video you made just get API, Thank you 🙏🏽
ua-cam.com/video/bqiHfIBh8Xk/v-deo.html here!!! Thank you!!!
You can refer this video in ionic 6 Angular for CRUD : ua-cam.com/video/QjJPsxbW_0c/v-deo.htmlsi=8HTvoCqz__gbk045 Ionic 6 React CRUD :ua-cam.com/video/QsMSCHCTXoA/v-deo.htmlsi=lcEjO7pEKxV_-STf ua-cam.com/video/QsMSCHCTXoA/v-deo.htmlsi=lcEjO7pEKxV_-STf
In my case it saying Axios Error "ERR_NETWORK"
There may be some network issue from your side or can you post the error here
my alertController is not recognized, how can i add it?
You can refer to this link to use alertcontroller ionicframework.com/docs/api/alert Step 1: import { AlertController } from '@ionic/angular'; Step 2: Add in the Constructor private alertController: AlertController Eg: constructor(private alertController: AlertController) {} Step 3: Add the function inside the js file presentAlert() { const alert = await this.alertController.create({ header: 'Alert', subHeader: 'Important message', message: 'This is an alert!', buttons: ['OK'], }); await alert.present(); } Step 4: Call the function presentAlert()
Would this tutorial work with ionic 5?
Yeah sure it will work...
Sir please continue
Yeah sure
Bien gracias, lo que buscaba, pero deberias hacerlo con visual studio code para que sea mas claro, asi la gente que tiene menos experiencia lo podra entender
Gracias por sus valiosos comentarios. Utilizará alguna herramienta externa para aclarar el contenido en los videos futuros.
@@techishare9993 me sucede que en localhost, con ng serve me cambia la tipografia, but not in de movil, que podria ser?
SUPER
thanks