Progressive Web App(PWA)版本的 CNode 社区
发布于 2 个月前 作者 pd4d10 1433 次浏览 来自 分享

CNode PWA 是使用 React,React Router 和 Redux 构建的 Progressive Web App。

安装

为了解决前端路由的问题,从 GitHub Pages 迁移到了 Surge,之前添加到主屏幕的需要重新添加一下:

https://cnode.surge.sh

移动设备可以扫码访问: 1490539307.png

首次加载可能会比较慢。

Android

安装 Google Chrome 浏览器,访问链接,点击右上角图标,选择“添加到主屏幕”。有了 service worker 的加持,拥有首屏图片,离线访问等能力。

iOS

使用 Safari 浏览器访问链接,点击下方正中央的图标,选择“添加到主屏幕”。目前 iOS Safari 不支持 service worker,所以没有离线访问的能力。

源代码

https://github.com/pd4d10/cnode-pwa

第一版做得比较糙,功能有限(目前只有看贴功能,发贴等功能还在开发中)。欢迎提交 issue 和 pull request。

屏幕截图

13 回复

不错。。。。

不错啊。很流畅。

来自酷炫的 CNodeMD

流畅 氢os添加不了桌面

来自酷炫的 CNodeMD

@dbit-xia 添加不了桌面是系统的原因,你跑去提issue做什么

来自酷炫的 CNodeMD

@mrxf issue 是我添加的,记录一下问题。不过这个看起来确实不像是代码的原因。我手边只有模拟器(原生)和一个魅族,这两个没有问题。

@mrxf 误会我了吧 😬

来自酷炫的 CNodeMD

@dbit-xia 真心抱歉。

来自酷炫的 CNodeMD

赞<br/><br/><a class=“form” href=“https://github.com/shinygang/Vue-cnodejs”>I‘m webapp-cnodejs-vue</a>

miui可以添加。。虽然miui的浏览器。。不能达到沉浸式的体验

@yuu2lee4 是用的 Chrome 浏览器吗?PWA 所谓的沉浸式,顶部的状态栏还是有的,只会把浏览器的界面隐藏了。

添加到桌面以后就和原生应用差不多了,不错,赞一个~ From Noder

不错啊

来自酷炫的 CNodeMD

回到顶部