精华 我也给CNode社区做了个PWA
发布于 7 个月前 作者 oodzchen 5471 次浏览 来自 分享

能用的API都用上了，可以发帖、回复、收藏和点赞。Android平台建议使用Chrome浏览，iOS平台建议使用Safari浏览，点击“添加到主屏幕”可以安装独立的应用。

技术栈为vue + vuetify + vue-router + vuex，由于使用了UI框架，开发起来难度不高，代码写的不好的地方欢迎批评或提交PR。

地址：https://cnode.ikholin.com

源码：https://github.com/oodzchen/CNode-V

来自 CNode-V

38 回复
1

赞

什么是 PWA https://juejin.im/post/5a9e8ad5f265da23a40456d4 刚才查到的解释 这种pwa主要是用在什么场景中呢? h5 ?

1

@vipzrx 你可以理解为Google提出的“小程序”，微信的小程序其实就是模仿PWA，只不过PWA更开放一些，有多个厂家支持，不依赖某个账号体系。

对开发者来说，可以节约开发成本，用WEB技术就能开发出接近原生应用的体验，而且因为是跨平台的，不需要针对各个平台单独开发。

对用户来说，节约了手机内存，一个PWA所有静态资源的大小一般不会超过1M，这对低端手机用户是比较友好的。

比较成功的例子就是Twitter Lite，它的用户量还挺高的，基本可以替代原生应用了。

来自 CNode-V

感谢解答 我学习下

1

image.png 这个access token 是做什么用的? access_token 这里有讲解文章 http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html

@vipzrx 你的账号授权，需要从cnodejs.org官网的设置界面获取

来自 CNode-V

@oodzchen 我的帐号的 access token找到了, 我先看下阮的文章理解下access tonken的作用和原理

谷歌之类的授权,是直接弹出一个确认对话框,提示用户,需要获得的权限,点击 同意 就可以. 你这个还要手动填写. 为什么不做成那样的呢?

@vipzrx 社区官方没提供OAuth授权方式，我也没办法 [摊手]

来自 CNode-V

http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html 这个里面的 授权码方式 不是现在cnode采用的吗?

conde的源码在这里 你看看呢 https://github.com/cnodejs/egg-cnode

cnode的api https://github.com/eggjs/examples/tree/master/cnode-api

@vipzrx 好像并没有找到

来自 CNode-V

safari 上体验真不错，差点就以为是app了。。

做个扫码登陆嘛。。

来自 CNode-V

@yuu2lee4 哈？登录页那个相机按钮不就是扫码登录，你没发现吗。。。

来自 CNode-V

@yuu2lee4 看来我要调整交互了

来自 CNode-V

@oodzchen 真没注意到😂

楼主大赞. 我一定要测试一下. 最近我部署了一个教练社区 http://bbs.zuqiuxunlian.com 但是在mobile web上一直体验不佳

来自 CNode-V

@oodzchen 没有找到什么?

@tomoya92 我看到你之前也给cnode写了一个ios的客户端 因为开发证书缺少,停滞了.

赞

棒啊，star了，最近正在如pwa的坑。

@vipzrx 是的，不给上架，大佬有办法让它上架吗？如果可以的话，求帮忙上架

来自实用的 CNodeJS-Swift

棒棒的

star

最近入自己挖的坑, umijs,dva,ant-mobile,pwa, 看到题主的想法后，也做了一个react的cnode，还在开发中，功能会继续完善，希望能对新入坑的小伙伴提供一些帮助吧。 cnode-react

楼主, 手机上运行, 存在一点点的样式问题哈 webwxgetmsgimg.jpeg

@MeetTheBest 具体哪里的样式问题能否说说，是列表顶部被遮挡吗？

来自 CNode-V

html lang=“en”, 导致每次打开都提示我翻译页面

棒 From Noder

@yuu2lee4 收到

来自 CNode-V

为啥你做的pwa在安卓下会多一个chrome的角标，你是不是有什么配置没弄对。。。（我之前做的pwa都是不出现角标的） 另外图标颜色和主题色一致了，导致最近任务页看图标就是一个绿色圆形。。。

来自酷炫的 CNodeMD

刚看了一下，重新添加到桌面就没角标了，迷

图标的问题见截图 http://imgur.com/a/bKgOoWA

来自酷炫的 CNodeMD

牛

证书过期了

@oodzchen 请问楼主，pwa的推送，如果保存到桌面上的pwa app没有打开，服务端发的推送还可以收到吗？

证书错误

👍

@tomoya92 是可以做的的，有个Push API专门用于管理服务端推送，即使离线也能接受推送并使用浏览器的Push接口，当然前提是已经获得用户的授权

回到顶部