Come collegare un database MySQL con un React Native Android app

Il modo giusto per inserire il contenuto testuale immettere i dati - rivenditore un paio di TextInput fattore immesso informazioni al server di database online home page personale MySQL utilizzando Fetch API ed esporre la risposta del server all'interno di app facendo uso di messaggio di avviso dopo il file efficacemente inserito.

Inserire la conoscenza da React Native applicazione al database MySQL è un compito molto essenziale per ogni sviluppatore considerando il fatto che con fuori la presentazione di conoscenza da app non vi è alcuna attività dinamica in assegnazione. Così su questo tutorial avremmo intenzione di creare un'applicazione nativa reagire che sarebbe uscite il contenuto testuale immettere il valore inserito nel database MySQL e dopo aver inserito in modo efficiente il file ci mostrerebbe il messaggio di conformazione di risposta proveniente dal server in messaggio di avviso

Contenuti su questo progetto Inserire il contenuto testuale immettere informazioni a MySQL Server :

1. Crea un database + tabella al tuo server di web hosting online.

Crea un database sul tuo server MySQL, poi crea una nuova scrivania nel database. L'identificazione della scrivania dovrebbe essere UserInfoTable . Aggiungi quattro colonne all'interno della tabella di identificazione, identificazione, e-mail, phone_number

2. Crea lo script Hypertext Preprocessor per inserire le informazioni ricevute da React Native utility nel database MySQL.

Crea 2 record Hypertext Preprocessor DBConfig.Personal home page e submit_user_info.Personal home page .

DBConfig.Php : Questo file comporta l'hostname del database MySQL, il titolo del database, la password del database e il nome utente del database.

Submit_user_info.Personal home page : Questo file ottiene il file nave dall'applicazione e inserisce i dati ottenuti nel database MySQL.

3. Avviare una sfida contemporanea React Native. Per quelli che non capiscono come allora imparate il mio tutorial.

4. Aggiungete AppRegistry, StyleSheet, TextInput, View, Alert, Button nel blocco di importazione.

5. Create il costruttore.

Create un costruttore nel vostro tipo principale con il parametro props. Ora dichiarate tre variabili TextInputName: ' ', TextInputEmail: ' ' e TextInputPhoneNumber: ' ' con valori vuoti usando this.State.

6. Creare un'operazione chiamata InsertDataToServer() per inviare le informazioni di input del contenuto testuale sul server

7. Creare un tipo css personalizzato chiamato MainContainer e TextInputStyleClass appena sopra la linea AppRegistry.RegisterComponent.

8. Aggiungere View come vista madre o padre nel blocco di ritorno del render e parlare alla classificazione MainContainer in View.

9. Aggiungere 3 input di contenuto testuale e 1 elemento Button in tutta la View.

Placeholder = suggerisce un suggerimento in tutto il testo enter.

OnChangeText = ogni volta che l'utente inserisce qualcosa nell'input di testo, memorizzerà il valore inserito nella variabile di stato.

UnderlineColorAndroid = cover the text input base line.

Type = Used to call css type.

OnPress = call the InsertDataToServer() perform on button onPress.

Thank you.