rn-vn / solution-2024

1 stars 0 forks source link

プロジェクトの確認方法 - スマホ版 #13

Open rn-vn opened 6 months ago

rn-vn commented 6 months ago

npm start で立ち上げたものをスマホで閲覧したい

rn-vn commented 6 months ago

ngrokを使ったらうまくいきました↓

  1. ngrok登録 https://dashboard.ngrok.com/get-started/setup/windows

  2. 左バーのSetup&Installationが表示されていると思うので、AgentsからMacOSもしくはWindowsを選択

  3. 下のConnectからコマンド実行もしくはDownloadからダウンロード(Windowsは64ビット版ダウンロードしてしまう方が楽です)

  4. ngrok config add-authtoken まで実行して通ったら準備完了です

  5. VSCode上でnpm start実行して立ち上げたあと、ポート番号を確認し(ほとんどが3000)ngrok http ポート番号 コマンドを実行

  6. Forwarding欄に出てくるURLをLINEかSlackなどに貼り付け、スマホからアクセス

  7. ※無料版だと立ち上げるたびにURLが変わるので注意が必要です

もしこの方法でうまくいかないなどあれば教えてください!