ReactNative-EXPOでAndroidエミュレータでアプリ起動するまでにはまったところ

#目次

- はじめに
- 本題
  - 「AVD Manager」がメニューにない問題
  - Intel x86 Emulator Accelerator(HAXM)がないと怒られる
  - This computer is not authorized to debug the device. Please follow the instructions here to enable USB debugging　ぺらぺら
- 締め

# はじめに
 
#### 自己紹介
　アゲてくハムスター

#### 記事について

　過度な期待はしないでください


#### 環境
- lenovo x260 win10
- React-naitive + expo

#### 状況

とあるアプリをexpo clientをインストールしたi phone(実機)にて動作確認しながら開発中。
ある程度、完成したため、androidでの動作確認を実施する為、エミュレータで動かすことに。


# 「AVD Manager」がメニューにない問題

**（ハマった時間：30min）**

エミュレータを使用するとなった場合、まず、android Studioで「AVD Manager」を起動する必要があります。
下画像の様に、メニューバーの「Tools」->「Android」->「AVD Manager」から
起動できると、色んなサイトで書かれていたので、私もメニューを開いたら、

![SnapCrab_NoName_2019-1-13_23-5-46_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/edbded9e-5aca-40d8-9b21-78e1d3ad1141.jpeg)

**「AVD Manager」がない！！！**
**落ち着こう、ここにある**

![SnapCrab_NoName_2019-1-13_23-11-23_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/116d3382-ad5e-cddf-80f9-605f32ff2b3b.jpeg)

無事、開きました！

![SnapCrab_NoName_2019-1-13_23-12-1_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/f03e2e3b-7ec9-9bef-451f-eb41ad893af7.jpeg)

こんなことにも、30minとか使ってしまうこともある。


# Intel x86 Emulator Accelerator(HAXM)がないと怒られる

**（ハマった時間：300min）**

さて、起動する仮想端末イメージも作成完了！！
エミュレータ起動だ！

![SnapCrab_NoName_2019-1-14_0-10-32_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/e8ca0556-0a07-335f-f478-0c79eeda3ed4.jpeg)

**起動しないぞ！**

よくよくみると、エラーメッセージもでている。。
「Intel x86 Emulator Accelerator(HAXM)がないぞ！」的な英文。

[SDK Manager]→[Android SDK]にて
Intel x86 Emulator Accelerator(HAXM)を確認すると、
installedの文字。

なんでや。。。
念のため、アンインストールし、個別に再インストールする。

変わらず。。。

色々と調べてみると、どうやら、「Intel x86 Emulator Accelerator(HAXM)」は
「virtualization technology」という技術を基盤として動作するみたい。

BIOSを開き、下記画像の様に、「virtualization technology」を「Enabled」に変更する

![SnapCrab_NoName_2019-1-13_23-44-14_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/8c2b7e5e-99eb-452e-2ec6-12448e81c817.jpeg)

エラーメッセージが消えて、
**エミュレータが起動できるようになる！！**

![SnapCrab_NoName_2019-1-13_23-52-55_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/e60f67bb-276f-08c7-4842-100631115ac9.jpeg)



# This computer is not authorized to debug the device. Please follow the instructions here to enable USB debugging

**（ハマった時間：240min）**

いよいよ、エミュレータも起動できたので、React-native+expoで開発中のアプリを
エミュレータ上で、動作させてみよう！
となった。。。

`Android Studio起動`
↓
`エミュレータ起動`
↓
`ターミナル：Expo start`
↓
`Run on Android device/emulator`
↓
**エラー発生！！！！**
（もうやめたげて、、、）

![SnapCrab_NoName_2019-1-5_18-16-54_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/d4dc57dd-dc5c-1b6e-3436-0a4c018b944d.jpeg)

![SnapCrab_NoName_2019-1-5_18-21-31_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/166c8d72-9ae8-43ce-0f08-d89e14d99ead.jpeg)

**エラーメッセージ**
`Couldn't start project on Android: Error running adb:`
`This computer is not authorized to debug the device. Please follow the instructions here to enable USB debugging:
https://developer.android.com/studio/run/device.html#developer-device-options. If you are using Genymotion go to Settings -> ADB, select "Use custom Android SDK tools", and point it at your Android SDK directory.`


####対応####

結論からいうと、下記URLの説明のとおりに、設定することで、エラーは解消する。

https://www.embarcadero.com/starthere/xe5/mobdevsetup/android/en/enabling_usb_debugging_on_an_android_device.html

上のサイトの説明を読んだ後の率直な感想。。。
**ん、この設定どこですんの？**

実はこれ、エミュレータで動いている仮想android端末に対して、
設定をすることが正解でした。

[メニュー]→「Setting(設定)」を開こう
![SnapCrab_NoName_2019-1-13_23-58-26_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/bd3b2d3a-8e09-c02b-e7f5-add13ccc8786.jpeg)

[buildNumber]を7回タップ→なんかでた。
![SnapCrab_NoName_2019-1-14_0-1-39_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/4dd30577-7269-3cbc-fb09-c018395d5a62.jpeg)

開発者オプションを利用可能にし、USBデバッグオプションを有効にできました！

再度、expo 上で、`Run on Android device/emulator`


![SnapCrab_NoName_2019-1-5_18-26-56_No-00.jpg](https://qiita-image-store.s3.amazonaws.com/0/337390/c816020f-d26a-7bb9-5581-93b020e64acc.jpeg)

**無事、エミュレーターで開発中のアプリを起動できました（８８８８）**

#締め

もし、この記事が、参考になった人は、フォロー＆いいね！
どうぞよろしくお願いいたします！