3步把网站变成手机APP

为什么要封装网站？

直接把网站变成APP能带来这些好处：

  • 用户不用记网址
  • 直接出现在手机桌面
  • 推送消息更方便
  • 运行速度更快

具体实现方法

第一步：创建配置文件

第二步：编写清单文件

{
  "name": "我的APP",
  "short_name": "APP",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#FFFFFF",
  "icons": [{
    "src": "icon-192.png",
    "sizes": "192x192",
    "type": "image/png"
  }]
}

第三步：添加服务脚本

if('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js');
}

注意事项：

  • 必须使用HTTPS协议
  • 准备多种尺寸的应用图标
  • 安卓/苹果系统都需要单独测试