[RA]react Native-ログイン例2(+ホットスポットリスト)


❗4年前のコード->実行不可。参照用ホットスポットリスト


React Native + node.この記事では、js+Mysqlログイン例の実行手順と進捗状況を記録します.
Reference github

MySQL環境の構築

create database dojo;

use dojo;

create table ninja(
    no int not null auto_increment,
    nama varchar(30), 
    usia smallint, 
    primary key(no)
    );
    
insert into ninja values
    (null, 'Andi', 22),
    (null, 'Budi', 23);

select * from ninja;

Node.jsバックエンドサーバの実行

git clone https://github.com/LintangWisesa/React_RNative_Express_MySQL.git

cd React_RNative_Express_MySQL/Express_Backend

npm i
その後のappjsの次の部分を自分に合った環境に変更します.
const db = mysql.createConnection({
    host : 'localhost',
    user : 'your_database_user', //유저 네임
    password : 'your_database_password', //비밀번호
    database : 'your_database_(dojo)' //위에서 만든 데이터베이스 이름
});
app.jsを保存したら、cmdウィンドウに次のコマンドNodeを入力します.jsサーバを実行します.node app

リアクターフロントエンドの運転

cd React_RNative_Express_MySQL/React_Frontend

npm i

npm start
これによりlocalhost:3000ブラウザが自動的に開きます.

運転反応本機

cd React_RNative_Express_MySQL/RNative_Mobile

npm i

react-native run-android

ホットスポット


100 Nodeアプリケーションを実行する場合、クライアントはサーバ要求の認証プロトコルをサポートしません。consider upgrading MySQL client


MySQLで次のコードを実行します.ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '사용할패스워드'

100 react-ネイティブrun-androidを実行すると、Cold not definition java version from“16.0.2”になります。


React RNative Express MySQLRNative Mobileandroidgrablewrapperパスgradle-wrapperにアクセスします.propertiesに入ると、次のように最後の行を変更します.distributionUrl=https\://services.gradle.org/distributions/gradle-7.1.1-all.zip

ネイティブrun-androidの実行中にSDK locationが見つかりませんでした。Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.


React RNative Express MySQLRNative Mobileandroidパスローカル.propertiesファイルを生成します.次に、次のコードを入力して保存します.
sdk.dir=C\:\\Users\\User_Name\\AppData\\Local\\Android\\sdk //User_Name에는 자신의 이름을 넣음

10071 RECT-ネイティブrun-androidランタイムFailed to notifyプロジェクト評価リスナー。>javax/xml/bind/annotation/XmlSchema


React RNative Express MySQLRNative Mobileandroidパス構築.gradleファイルを次のように変更します.
//classpath부분
classpath 'com.android.tools.build:gradle:4.2.0'

❗react-本機run-android実行時、このプロジェクトはAndroid依存項目を使用しますが、「android」です。useAndroidX' property is not enabled.


React RNative Express MySQLRNative MobileandroidパスのGradle.propertiesファイルに次の2行を追加します.
android.useAndroidX=true
android.enableJetifier=true

100 react-ネイティブrun-android実行時に失敗for task":app:processDebugMainManagest"。Manifest merger failed with multiple errors, see logs


cmdで彼を調べたところ、次のようなアドバイスが書かれていた.


android/appのbuildでgradleファイルで次の部分を変更しました.
defaultConfig {
        applicationId "com.rnative_mobile"
        minSdkVersion 21 //21로 수정
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode 1
        versionName "1.0"
        ndk {
            abiFilters "armeabi-v7a", "x86"
        }
    }

ネイティブrun-androidを実行中、comを実行中にA障害が発生しました。android.build.gradle.internal.res.LinkApplicationAndroidResourcesTask$TaskAction



Reference
https://stackoverflow.com/questions/50093144/mysql-8-0-client-does-not-support-authentication-protocol-requested-by-server
https://b.jy.is/could-not-determine-java-version-from/
https://stackoverflow.com/questions/27620262/sdk-location-not-found-define-location-with-sdk-dir-in-the-local-properties-fil
https://gozz123.tistory.com/9
https://thisisspear.tistory.com/47
https://stackoverflow.com/questions/51503218/how-to-specify-the-minsdkversion-in-react-native-project