0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

flutterのremote開発は(ターゲットデバイスがwebブラウザなら)簡単です。

やり方

Visual Studio Codeで開発している場合、SSHでリモートアクセスした先のターミナルで例えば以下のコマンドを打ちます。

flutter create --template=app my_remote_example
cd ./my_remote_example/
flutter run -d web-server --web-port 9999

--web-portを指定しない場合には、自動でポートが割り当てられます。

Launching lib/main.dart on Web Server in debug mode...
Waiting for connection from debug service on Web Server...         15.8s
lib/main.dart is being served at http://localhost:42457
The web-server device requires the Dart Debug Chrome extension for debugging. Consider using the Chrome or Edge devices for an
improved development workflow.

🔥  To hot restart changes while running, press "r" or "R".
For a more detailed help message, press "h". To quit, press "q".

この場合、http://localhost:42457でserveされていると書かれているので、VS CodeのLocal Port Forwarding機能を使って、SSHホスト側のポートを、SSHクライアント側にport forwardします。

そうすれば、SSHクライアント側でhttp://localhost:42457にアクセスした時、flutterでrunしている画面が見られるはずです。

その他

(flutterを触りはじめでよくわかっていないが、androidのエミュレータもリモート開発する方法があるんだろうか)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?