[{"data":1,"prerenderedAt":170},["ShallowReactive",2],{"blog-241105-66-zh-CN":3},{"id":4,"title":5,"excerpt":6,"content":7,"coverImage":118,"meta":127,"site":128,"status":142,"slug":143,"author":144,"category":155,"publishDate":163,"featured":164,"updatedAt":165,"createdAt":166,"contentHtml":167,"previewUrl":168,"localeSlugs":169},402,"将移动 PWA 转换为网络 PWA 应用指南","本文详细介绍了如何使用甲骨文 Visual Builder 将移动渐进式网页应用（PWA）转换为网络 PWA 应用的步骤，包括导出、复制、删除文件、导入、设置 PWA 等操作，同时提供了重要说明和示例视频，为开发者提供了实用的转换指南。",{"root":8},{"children":9,"direction":19,"format":15,"indent":13,"type":117,"version":18},[10,21,25,29,33,37,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,113],{"children":11,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[12],{"detail":13,"format":13,"mode":14,"style":15,"text":16,"type":17,"version":18},0,"normal","","甲骨文 Visual Builder 一段时间以来一直使开发人员能够将他们的网络应用程序打包为渐进式网页应用程序（PWA），为移动设备的应用分发提供了一种简便方法。有了这些功能，在 Visual Builder 设计时将移动应用和网络应用分开就不再必要了。实际上，在 Visual Builder 的新 2310 版本中，我们在集成开发环境（IDE）中隐藏了移动应用选项。只有已经开发了移动应用并需要继续维护它的客户才会看到移动选项。我们计划在 2024 年完全删除移动应用选项。如果你有一个移动应用，我们建议你简单地将其转换为网络应用并启用网络应用的 PWA 功能。","text",1,null,"paragraph",{"children":22,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[23],{"detail":13,"format":13,"mode":14,"style":15,"text":24,"type":17,"version":18},"转换应用程序非常简单，以下是步骤：",{"children":26,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[27],{"detail":13,"format":13,"mode":14,"style":15,"text":28,"type":17,"version":18},"从 Visual Builder 内部导出你现有的应用程序（保留此文件的副本作为备份，以防出现问题）。",{"children":30,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[31],{"detail":13,"format":13,"mode":14,"style":15,"text":32,"type":17,"version":18},"解压 zip 文件，并在解压后的文件夹中创建一个新的 webApps 目录。",{"children":34,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[35],{"detail":13,"format":13,"mode":14,"style":15,"text":36,"type":17,"version":18},"将 mobileApps 目录下的内容复制到 webApps 目录中。",{"type":38,"version":39,"format":15,"fields":40,"relationTo":41,"value":42,"id":52},"upload",3,{},"media",{"id":43,"alt":44,"updatedAt":45,"createdAt":45,"url":46,"thumbnailURL":19,"filename":47,"mimeType":48,"filesize":49,"width":50,"height":51},373,"ROIBest 的 PWA 技术能否真正替代 Google 应用商店？它又有哪些独特优势？","2026-07-21T06:53:32.802Z","https://cms-r2.deepclick.com/default-cover-typed-1d27280cf690.png","default-cover-typed-1d27280cf690.png","image/png",34452,1200,675,"6a5f29522a416600c8ef7405",{"children":54,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[55],{"detail":13,"format":13,"mode":14,"style":15,"text":56,"type":17,"version":18},"在新的 webApps 目录中删除以下文件：",{"children":58,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[59],{"detail":13,"format":13,"mode":14,"style":15,"text":60,"type":17,"version":18},"manifest.json",{"children":62,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[63],{"detail":13,"format":13,"mode":14,"style":15,"text":64,"type":17,"version":18},"settings/appShellCache.json",{"children":66,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[67],{"detail":13,"format":13,"mode":14,"style":15,"text":68,"type":17,"version":18},"settings/build-configurations.json",{"children":70,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[71],{"detail":13,"format":13,"mode":14,"style":15,"text":72,"type":17,"version":18},"settings/mobile-build.json",{"children":74,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[75],{"detail":13,"format":13,"mode":14,"style":15,"text":76,"type":17,"version":18},"mobile-build-templates/（如果存在）。",{"children":78,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[79],{"detail":13,"format":13,"mode":14,"style":15,"text":80,"type":17,"version":18},"将 webApps 目录压缩为一个新的 zip 文件。",{"children":82,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[83],{"detail":13,"format":13,"mode":14,"style":15,"text":84,"type":17,"version":18},"在 Visual Builder 中打开你的移动应用时，使用导入菜单选项导入 webApps zip 文件（保持 \"不删除现有文件和资源\" 未选中状态）。",{"children":86,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[87],{"detail":13,"format":13,"mode":14,"style":15,"text":88,"type":17,"version":18},"这会将网络应用添加到你的 Visual Builder 应用程序中。",{"children":90,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[91],{"detail":13,"format":13,"mode":14,"style":15,"text":92,"type":17,"version":18},"转到网络应用设置 -> PWA，先禁用然后再启用 PWA 支持（以重置这些设置）。",{"children":94,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[95],{"detail":13,"format":13,"mode":14,"style":15,"text":96,"type":17,"version":18},"现在你可以准备对你的应用程序进行暂存，并打开暂存的应用程序。",{"children":98,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[99],{"detail":13,"format":13,"mode":14,"style":15,"text":100,"type":17,"version":18},"你的新网络应用程序应该与你的移动 PWA 应用程序功能相同。",{"children":102,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[103],{"detail":13,"format":13,"mode":14,"style":15,"text":104,"type":17,"version":18},"从浏览器菜单中，你应该能够安装该应用程序，甚至可以创建一个可共享的二维码，供你的用户用于访问新应用程序。",{"children":106,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[107],{"detail":13,"format":13,"mode":14,"style":15,"text":108,"type":17,"version":18},"在确认你的应用程序按预期工作后，可以随意从你的应用程序中删除移动应用，只保留网络应用。",{"children":110,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[111],{"detail":13,"format":13,"mode":14,"style":15,"text":112,"type":17,"version":18},"这里有一个快速视频，展示了在一个示例应用程序上进行迁移的整个过程：",{"children":114,"direction":19,"format":15,"indent":13,"type":20,"version":18,"textFormat":13,"textStyle":15},[115],{"detail":13,"format":13,"mode":14,"style":15,"text":116,"type":17,"version":18},"重要说明 – 如果你的应用程序正在利用甲骨文 JET 离线持久性工具包来提供离线功能，你需要使用 Visual Builder 的 grunt 命令发布你的应用程序，或者更好的是使用 Visual Builder Studio 中的打包和部署管道。","root",{"id":119,"alt":120,"updatedAt":121,"createdAt":121,"url":122,"thumbnailURL":19,"filename":123,"mimeType":48,"filesize":124,"width":125,"height":126},910,"ROIBest Blog default cover","2026-07-22T03:39:13.297Z","https://cms-r2.deepclick.com/default-cover-c6e0dbec9535.png","default-cover-c6e0dbec9535.png",1265633,1568,981,{"title":19,"description":19,"image":19},{"id":129,"key":130,"name":131,"prodHost":132,"testHost":133,"blogPath":134,"docPath":135,"zhPrefix":136,"deployHookTest":137,"deployHookProd":138,"enabled":139,"updatedAt":140,"createdAt":141},2,"roibest","RoiBest","https://www.roibest.com","https://www-stg-roibest.qiliangjia.one","/resources/blog/{slug}","/docs/{slug}","/zh-CN","https://api.cloudflare.com/client/v4/pages/webhooks/deploy_hooks/28cd5297-3c9e-4c80-8431-ddc8b2556e6e","https://api.cloudflare.com/client/v4/pages/webhooks/deploy_hooks/78763ef2-3db8-43d9-a2a5-0ae6ffe24c3f",true,"2026-07-21T11:31:15.739Z","2026-07-14T09:56:11.826Z","published","241105-66",{"id":39,"name":145,"avatar":146,"updatedAt":153,"createdAt":154},"ROIBest",{"id":147,"alt":145,"updatedAt":148,"createdAt":148,"url":149,"thumbnailURL":19,"filename":150,"mimeType":48,"filesize":151,"width":152,"height":152},908,"2026-07-22T02:47:15.086Z","https://cms-r2.deepclick.com/favicon-ae68c4bc4d9d.png","favicon-ae68c4bc4d9d.png",2320,48,"2026-07-22T02:47:22.252Z","2026-07-22T02:30:48.651Z",{"id":156,"site":157,"titleZh":158,"titleEn":159,"slug":160,"order":161,"updatedAt":162,"createdAt":162},14,{"id":129,"key":130,"name":131,"prodHost":132,"testHost":133,"blogPath":134,"docPath":135,"zhPrefix":136,"deployHookTest":137,"deployHookProd":138,"enabled":139,"updatedAt":140,"createdAt":141},"PWA 洞察","PWA Insights","pwa",60,"2026-07-21T06:40:18.674Z","2024-08-22T18:37:21.000Z",false,"2026-07-22T03:39:49.455Z","2026-07-21T08:08:03.117Z","\u003Cdiv class=\"payload-richtext\">\u003Cp>甲骨文 Visual Builder 一段时间以来一直使开发人员能够将他们的网络应用程序打包为渐进式网页应用程序（PWA），为移动设备的应用分发提供了一种简便方法。有了这些功能，在 Visual Builder 设计时将移动应用和网络应用分开就不再必要了。实际上，在 Visual Builder 的新 2310 版本中，我们在集成开发环境（IDE）中隐藏了移动应用选项。只有已经开发了移动应用并需要继续维护它的客户才会看到移动选项。我们计划在 2024 年完全删除移动应用选项。如果你有一个移动应用，我们建议你简单地将其转换为网络应用并启用网络应用的 PWA 功能。\u003C/p>\u003Cp>转换应用程序非常简单，以下是步骤：\u003C/p>\u003Cp>从 Visual Builder 内部导出你现有的应用程序（保留此文件的副本作为备份，以防出现问题）。\u003C/p>\u003Cp>解压 zip 文件，并在解压后的文件夹中创建一个新的 webApps 目录。\u003C/p>\u003Cp>将 mobileApps 目录下的内容复制到 webApps 目录中。\u003C/p>\n        \u003Cimg\n          alt=\"ROIBest 的 PWA 技术能否真正替代 Google 应用商店？它又有哪些独特优势？\"\n          height=\"675\"\n          src=\"https://cms-r2.deepclick.com/default-cover-typed-1d27280cf690.png?w=1200&q=85\"\n          width=\"1200\"\n        />\n      \u003Cp>在新的 webApps 目录中删除以下文件：\u003C/p>\u003Cp>manifest.json\u003C/p>\u003Cp>settings/appShellCache.json\u003C/p>\u003Cp>settings/build-configurations.json\u003C/p>\u003Cp>settings/mobile-build.json\u003C/p>\u003Cp>mobile-build-templates/（如果存在）。\u003C/p>\u003Cp>将 webApps 目录压缩为一个新的 zip 文件。\u003C/p>\u003Cp>在 Visual Builder 中打开你的移动应用时，使用导入菜单选项导入 webApps zip 文件（保持 "不删除现有文件和资源" 未选中状态）。\u003C/p>\u003Cp>这会将网络应用添加到你的 Visual Builder 应用程序中。\u003C/p>\u003Cp>转到网络应用设置 -> PWA，先禁用然后再启用 PWA 支持（以重置这些设置）。\u003C/p>\u003Cp>现在你可以准备对你的应用程序进行暂存，并打开暂存的应用程序。\u003C/p>\u003Cp>你的新网络应用程序应该与你的移动 PWA 应用程序功能相同。\u003C/p>\u003Cp>从浏览器菜单中，你应该能够安装该应用程序，甚至可以创建一个可共享的二维码，供你的用户用于访问新应用程序。\u003C/p>\u003Cp>在确认你的应用程序按预期工作后，可以随意从你的应用程序中删除移动应用，只保留网络应用。\u003C/p>\u003Cp>这里有一个快速视频，展示了在一个示例应用程序上进行迁移的整个过程：\u003C/p>\u003Cp>重要说明 – 如果你的应用程序正在利用甲骨文 JET 离线持久性工具包来提供离线功能，你需要使用 Visual Builder 的 grunt 命令发布你的应用程序，或者更好的是使用 Visual Builder Studio 中的打包和部署管道。\u003C/p>\u003C/div>","https://www.roibest.com/zh-CN/resources/blog/241105-66",{"zh-CN":143},1784706004650]