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

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

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

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

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

来自 CNode-V

33 回复

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

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

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

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

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

来自 CNode-V

感谢解答 我学习下

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

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

来自 CNode-V

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

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

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

来自实用的 CNodeJS-Swift

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

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

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

来自 CNode-V

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

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

来自酷炫的 CNodeMD

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

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

来自酷炫的 CNodeMD

回到顶部