精品 我也给CNode社区做了个PWA
发布于 7 年前 作者 oodzchen 14291 次预览 最后一次回复是 6 年前 来自 分享
能用的API都用上了,可以发帖、回复、收藏和点赞。Android平台建议使用Chrome浏览,iOS平台建议使用Safari浏览,点击“添加到主屏幕”可以安装独立的应用。
技术栈为vue + vuetify + vue-router + vuex,由于使用了UI框架,开发起来难度不高,代码写的不好的地方欢迎批评或提交PR。
源码:https://github.com/oodzchen/CNode-V
来自 CNode-V
39 回复
赞
什么是 PWA https://juejin.im/post/5a9e8ad5f265da23a40456d4 刚才查到的解释 这种pwa主要是用在什么场景中呢? h5 ?
@vipzrx 你可以理解为Google提出的“小程序”,微信的小程序其实就是模仿PWA,只不过PWA更开放一些,有多个厂家支持,不依赖某个账号体系。
对开发者来说,可以节约开发成本,用WEB技术就能开发出接近原生应用的体验,而且因为是跨平台的,不需要针对各个平台单独开发。
对用户来说,节约了手机内存,一个PWA所有静态资源的大小一般不会超过1M,这对低端手机用户是比较友好的。
比较成功的例子就是Twitter Lite,它的用户量还挺高的,基本可以替代原生应用了。
来自 CNode-V
感谢解答 我学习下
@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
楼主, 手机上运行, 存在一点点的样式问题哈
@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接口,当然前提是已经获得用户的授权
打不开