{"id":20383824,"url":"https://github.com/openwebf/remote-devtool-proxy-example","last_synced_at":"2025-04-12T09:22:46.912Z","repository":{"id":138360492,"uuid":"579949605","full_name":"openwebf/remote-devtool-proxy-example","owner":"openwebf","description":"An example showing how to develop a devtool proxy service work with WebF RemoteDevServerService.","archived":false,"fork":false,"pushed_at":"2023-07-28T16:32:11.000Z","size":109,"stargazers_count":1,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T04:21:41.232Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/openwebf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-12-19T10:49:38.000Z","updated_at":"2022-12-28T11:19:31.000Z","dependencies_parsed_at":"2024-01-23T16:12:03.536Z","dependency_job_id":null,"html_url":"https://github.com/openwebf/remote-devtool-proxy-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openwebf%2Fremote-devtool-proxy-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openwebf%2Fremote-devtool-proxy-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openwebf%2Fremote-devtool-proxy-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openwebf%2Fremote-devtool-proxy-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/openwebf","download_url":"https://codeload.github.com/openwebf/remote-devtool-proxy-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248544330,"owners_count":21121931,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T02:24:36.710Z","updated_at":"2025-04-12T09:22:46.873Z","avatar_url":"https://github.com/openwebf.png","language":"JavaScript","readme":"remote-devtool-proxy-example\n---------------------\n\nThis demo's code demonstrates how to write a dev tool proxy that works with the WebF RemoteDevServerService. This allows you to let Chrome DevTools connect to your own service without worrying about the IP address of your WebF App.\n\nIt's dangerous to deploy a dev tool service without any Security check. \n\nDon't use this demo directly in real productions.\n\n## How to use \n\n### 1. Start the server\n\n```bash\nnode server\n```\n\n+ The WebSocket server for WebF Client will be listening at `ws://127.0.0.1:8090`.\n+ The WebSocket server for Chrome DevTools will be listening at `ws://127.0.0.1:8091`.\n\n### 2. On the WebF, Use `RemoteDevServerService` to connect to this server\n\n```dart\nWebF(\n    devToolsService: RemoteDevServerService('ws://127.0.0.1:8090'),\n    bundle: WebFBundle.fromUrl('assets:assets/bundle.html'),\n)\n```\n\n### 3. Open your Chrome, and connect to the server\n\nUse your chrome to open the following url.\n\n```\ndevtools://devtools/bundled/inspector.html?ws=127.0.0.1:8091\n```\n\n### 4. Done\n\nThe DevTools works.\n\n![img](./screenshots.png)\n\n## Docker build\n```shell\ndocker build --platform linux/amd64 -t devtool-proxy:0.3 .\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopenwebf%2Fremote-devtool-proxy-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopenwebf%2Fremote-devtool-proxy-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopenwebf%2Fremote-devtool-proxy-example/lists"}