FC2ブログ

スマフォのアプリを作りたい(38):RNをASでデバッグ=カオス

   プログラミング [2022/01/29]
ReactNative環境でクロスプラットフォームなアプリを開発しようとして、2年以上が経過してます。しかも、飽きてしまって9か月以上放置しました。
このまま止めちゃおうかとも思ったのですが・・・なんか気持ち悪いので、また再開します。


以下の前半と【念のため】は、昨年の4月頃に書いていたメモの内容です。
あまりに時間を空けすぎたので、自分でも読み返してみました。
色んな試行錯誤をして、エラー出まくりで、さっぱり目的に近づけなかったのですが・・・



※※※【ここから本題】※※※※※※※※※※※※※※※※※※
ReactNativeは、メインの言語としてはJavaScript(その実JSX)を使用します。
でもほしいアプリを作るのに、ReactNative-Andoroid環境では、ネイティブのJavaパッケージを使うのが普通で、かつそのパッケージも何だか思うように出来てはいない印象があります。(バグだったり、制御の仕方がアプリに合わない。)

しかたなく、Javaコードも書き換えちゃったりしてます。
さらにオフライン単語認識機能(Julius)に至ってはC/C++コード。

今になって、「ReactNativeである必要があったのか」とも思えている。

これまで、ReactNativeのJSコードから呼ばれるJava部分に関しては、Chromeのデベロッパーツールでは何ともならなかったのでlogcatメッセージの出力でなんとかデバッグしてました。

でも、今後の事を予想するに、このままではどうにも効率が悪すぎです。
なので、ちゃんとしたデバッグ環境で、ブレーク、ステップ実行、変数参照なんかができないかと・・・


◆デバッグ環境に関する参考サイトの検索
参考:https://developer.android.com/studio/debug/index.html
一般的なAndroidStudio上でのデバッグ実行の仕方の説明のようです。

説明から以下の疑問が残りました。
・「React Nativeパッケージャー」ってなんでしょう。
・それに、AndroidStudioでプロジェクトを開くときのフォルダってどこを起点にするのかしら。

「React Nativeパッケージャー」は、どうも「Metro Bundler」のことのようです。
「react-native run-android」した時も起動されているようです。そんなメッセージが出ます。
でも、それを単独で起動する? そのやり方は?
さらに検索しました。

参考:https://www.javaer101.com/article/1041848.html
今度は、手順ぽく書いてくれてました。


◆Javaコード部分のデバッグ環境

以下は、徒労に終わった試行錯誤(【念のため】)も含めた経過を書きます。

1)「react-native run-android」を実行
AVDエミュレータ上でアプリが起動するのを確認

2)AndroidStudioにインポート
2-1)AndroidStudio(4.0)を起動
※以前、開発していたプロジェクトがオープンされたら、[File]-[Close Project]選択
 
2-2)Welcomeダイアログが開くので、その右側の[Import Project ・・・]を選択
20210301_1.jpg

2-3)ReactNativeのプロジェクトフォルダ下の「android」フォルダを指定して[OK]
20210301_2.jpg


しばらくすると、AndroidStudio画面の下に「android: failed at ・・・」と表示されました。
AndroidStudioはプロジェクトオープン時に勝手にSyncをするのは認知してましたが、今回は(Gradle)Buildまでもが走っていました。その際のエラーのようです。メッセージの中身は、以下。
----AndroidStudio Build メッセージ----------------
Error: EPERM: operation not permitted, scandir 'D:/AppMake/proj/teburarec/android/app/build/intermediates/signing_config/debug/out/signing-config.json'
---------------------------------------------------

「Error: EPERM: operation not permitted, scandir」を検索ワードにしてぐぐってみたけどシックリくる対応策にヒットしなくて、実際にメッセージされたファイル(signing-config.json)を見てみました。
sakuraで開こうとしたら、Read権限すらないと出ました。

もしやと思って、AndroidStudioを一旦終了し、今度は管理者権限で実行させてみました。
20210301_3.jpg

プロジェクトを開いて再度Buildが走り出しました。

途中、「Basedir D:\AppMake\proj\teburarec\android\calljulius does not exist」とか赤いメッセージは出たものの、「android: successful ・・・」「CONFIGURE SUCCESSFUL ・・・」とか表示されたので、たぶんプロジェクトのオープン(ビルド)は成功したようだ。


2-4)次にデバッグ実行(虫マーク)を実行させてみた。
以下のメッセージが出ました。
----AndroidStudio メッセージ------------------------
Project resolve errors
Warning: root project 'teburarec': Unable to resolve additional project configuration.
Details: org.apache.tools.ant.BuildException: Basedir D:\AppMake\proj\teburarec\android\calljulius does not exist
---------------------------------------------------

ただし、ビルドは成功している感じです。
既にアプリを起動済みのエミュレータに「(Refreshing...)」と何回かでている。
※※※※※※※※※※※※※※※※※※※※※

この後にも様々なアラートやエラーが出まくってました。それを解決すべく、別の参考サイトに書いてあったことも試してみました。でも、全然解決しませんでした。それで、嫌になって放り出した。


でも続きます。

続きを読む

スポンサーサイト





カレンダー
12 | 2022/01 | 02
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -
プロフィール

さるもすなる

Author:さるもすなる
さるです。別HPサイト「さるもすなる」から侵食してきました。 山菜/きのこ、それとタイトルにしたPPバンド籠のことをメインに徒然に・・・・暇を持て余したさるの手仕事:男手芸のブログってことで。

最新記事
最新コメント
月別アーカイブ
カテゴリ
天気予報

-天気予報コム- -FC2-
本家のHPのトップ
山菜や茸の話です
PPバンドの籠作品と作り方です
投稿をお待ちしております



PVアクセスランキング にほんブログ村 にほんブログ村 ハンドメイドブログへ



マニュアルのお申し込み



検索フォーム
リンク
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QR