Skip to content
This repository has been archived by the owner on Feb 17, 2022. It is now read-only.

Progressive Web App of noname | 无名杀的 “渐进式网络应用程序” 版本 #三国杀

License

Notifications You must be signed in to change notification settings

RainEggplant/noname-PWA_archived

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

noname-PWA

无名杀是基于社区的开源、免费的三国杀客户/服务端。

无名杀的 “渐进式网络应用程序 (Progressive Web App)” 版本 —— 点击体验

简介

本仓库基于 无名杀网页版 构建了 PWA 版本。简言之,相比原网页版,PWA 技术使得无名杀能够借助浏览器轻松地进行跨平台安装,为用户提供接近原生应用的体验,可以做到按需加载离线运行自动更新等。当然,即使不安装到本地,用户仍旧可以直接通过浏览器进行游戏(即所谓的 "Progressive")。有关 PWA 的详细介绍请参见 维基百科

改动

为了添加 PWA 支持,主要针对原网页版做了如下改动:

  1. 增加了 PWA 相关的配置文件与资源文件。
  2. 由于 PWA 要求通过 HTTPS 提供服务,因此联机时默认采用 WSS 协议,如需使用不安全的 WS 协议,则应明确指定协议,例如 ws://example.com
    • 注意:一般情况下,在使用 HTTPS 时 WS 协议会被浏览器安全策略阻止(除非连接的是本机地址)。如果您必须使用 WS 协议(不推荐),则您无法再使用 PWA 方式而只能通过浏览器进行游戏。此时您需要通过 HTTP 协议访问无名杀的站点,或者更改浏览器的安全策略。
  3. 针对 Android 设备,增加了 “连续两次返回键退出” 功能,避免误触退出游戏。
  4. 将 ttf 字体替换为 woff2 格式,以减小文件体积。
  5. 分离了网页前端和服务器的代码。

游戏与安装

A. 安装 PWA 到本地(支持离线游戏)

Windows / Linux / Mac / Android

推荐使用基于 Chromium 内核的浏览器(如 Chrome, 新版 Edge)访问无名杀的站点地址(Firefox 可能存在显示 bug),然后打开浏览器菜单,点击 “安装应用” (若只看到 “添加到主屏幕”,请稍等一两分钟并刷新,或者等待浏览器自动弹出安装请求)。

iOS

iOS 仅 Safari 浏览器可以安装 PWA,请访问无名杀的站点地址,点击分享按钮,将无名杀添加到主屏幕。

B. 网页版

推荐使用基于 Chromium 内核的浏览器(如 Chrome, 新版 Edge),访问无名杀的站点地址即可开始游戏。

注意:

  • 初次访问无名杀站点时可能会提示 “是否重置游戏”,移动设备会提示 “是否切换到触屏模式”,确认即可。
  • Safari 用户如果要使用联机功能,请启用实验性功能中的 NSURLSession WebSocket

About

Progressive Web App of noname | 无名杀的 “渐进式网络应用程序” 版本 #三国杀

Topics

Resources

License

Stars

Watchers

Forks