{"id":32279466,"url":"https://github.com/asscre/misty","last_synced_at":"2026-02-22T18:01:37.281Z","repository":{"id":58422653,"uuid":"521486477","full_name":"Asscre/misty","owner":"Asscre","description":"Misty，通过极小的引用实现 SPA web项目在Flutter上面享受到小程序的体验。","archived":false,"fork":false,"pushed_at":"2022-11-29T07:56:10.000Z","size":170,"stargazers_count":13,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-22T23:39:32.258Z","etag":null,"topics":["flutter","miniapps","webview"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Asscre.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-05T03:10:59.000Z","updated_at":"2024-06-26T06:29:18.000Z","dependencies_parsed_at":"2022-09-15T20:50:35.332Z","dependency_job_id":null,"html_url":"https://github.com/Asscre/misty","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/Asscre/misty","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asscre%2Fmisty","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asscre%2Fmisty/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asscre%2Fmisty/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asscre%2Fmisty/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Asscre","download_url":"https://codeload.github.com/Asscre/misty/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asscre%2Fmisty/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29721048,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-22T15:10:41.462Z","status":"ssl_error","status_checked_at":"2026-02-22T15:10:04.636Z","response_time":110,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["flutter","miniapps","webview"],"created_at":"2025-10-23T00:32:59.382Z","updated_at":"2026-02-22T18:01:37.269Z","avatar_url":"https://github.com/Asscre.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://user-images.githubusercontent.com/42698881/186885145-cbb49f25-1478-4d3b-976f-1858da9be0ca.png\" width=\"500px\"\u003e\n\n## Misty - 一个Flutter web项目的本地缓存解决方案.\n\n通过拦截浏览器网络请求，读取本地资源文件，减少网络资源请求来提高网页的开启速度，实现Flutter的原生手势交互的Flutter web preload解决方案。\n\nMisty，如名所示，通过极小的引用实现 SPA web项目在Flutter上面享受到小程序般的体验。\n\n## 使用\n\n### 1. 导入(pubspec.yaml)\n```\n  dependencies:\n    misty: \u003clatest_version\u003e\n```\n### 2. 启动本地web服务\n```dart\n  MistyStartModel mistyStartOption = MistyStartModel(\n    baseHost: 'https://mistyapp.oss-cn-hangzhou.aliyuncs.com',\n    options: [\n      Option(\n        key: 'misty-app-one',\n        open: 1,\n        priority: 0,\n        version: '202208161155',\n      ),\n      Option(\n        key: 'misty-app-two',\n        open: 1,\n        priority: 0,\n        version: '202208151527',\n      ),\n    ],\n    basics: Basics(\n      common: Common(\n        compress: '/common.zip',\n        version: '202208151527',\n      ),\n    ),\n    assets: [\n      {\n        'misty-app-one': '/misty-app-one/misty-app.zip',\n      },\n      {\n        'misty-app-two': '/misty-app-two/misty-app.zip',\n      },\n    ],\n  );\n\n  Misty.start(mistyStartOption);\n```\n### 3. 使用\n\n#### 打开程序\n```dart\n  Misty.openMisty(context, url);\n```\n\n#### Flutter 调用 Js\n```dart\n    MistyHandler().callJs('欢迎使用Misty！');\n```\n\n\u003e Js 挂载 事件\n```javascript\n    function flutterCallJs(param : any) {\n        console.log(param);\n    }\n    \n    window.flutterCallJs = flutterCallJs;\n```\n\n#### Js 调用 Flutter\n```javascript\n    window.MistyCallFlutter.postMessage('getDataFormFlutter');\n```\n\n```dart\n    /// 监听来自Web的消息\n    MistyEventController().addEventListener((event) {\n      print(event);\n    });\n```\n\n## 展示\n![Screenrecorder-2022-08-24-16-51-42-559 mp4](https://user-images.githubusercontent.com/42698881/186375888-1ea2fafd-dbe7-4b13-b4c9-b2f61e49860e.gif)\n\nMisty’s [官方demo](https://github.com/Asscre/misty-app\") 帮助你快速了解如何集成属于你自己的Flutter小程序功能.\n\n- web项目引用： [vite-vue3-template](https://github.com/Asscre/vite-vue3-template)\n              [misty-app](https://github.com/Asscre/misty-app)\n\n## 项目设计规划\n- ✅ Web 资源管理器 (版本管理，资源下载管理)\n- ✅ WebView 资源和网络代理\n- ✅️ Flutter 与 Web 项目原生交互\n- ☑️ Misty UI框架，帮助快速搭建 Misty 程序\n\n\n## 持续更新\n为了保证正常版本更新和迭代，😁更新迭代的规则如下：\n- ⭕️  优先 版本开发 和 修复 BUG\n- ⭕️  然后是 需求榜\n- ⭕️  其次是 其他定制化\n\n## MIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasscre%2Fmisty","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasscre%2Fmisty","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasscre%2Fmisty/lists"}