[RA]react Native-ログイン例2(+ホットスポットリスト)
6090 ワード
❗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
Reference
この問題について([RA]react Native-ログイン例2(+ホットスポットリスト)), 我々は、より多くの情報をここで見つけました
https://velog.io/@jomo34/RA-React-Native-로그인예제-2-이슈리스트
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
defaultConfig {
applicationId "com.rnative_mobile"
minSdkVersion 21 //21로 수정
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
versionName "1.0"
ndk {
abiFilters "armeabi-v7a", "x86"
}
}
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
Reference
この問題について([RA]react Native-ログイン例2(+ホットスポットリスト)), 我々は、より多くの情報をここで見つけました https://velog.io/@jomo34/RA-React-Native-로그인예제-2-이슈리스트テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol