CNode

我也给CNode社区做了个PWA

精华
分享
Ooodzchen发布于8 年前最后回复7 年前39 回复14569 浏览0 收藏

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

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

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

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

来自 CNode-V

查看回复

回复 (39)

V
vipzrx#1·8 年前

感谢解答 我学习下

V
vipzrx#2·8 年前

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

O
oodzchen#3·8 年前
V
vipzrx#4·8 年前
引用 oodzchen@vipzrx 你的账号授权,需要从cnodejs.org官网的设置界面获取 来自 CNode V

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

V
vipzrx#5·8 年前

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

V
vipzrx#7·8 年前

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

T
tomoya92#9·8 年前

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

Y
yuu2lee4#10·8 年前

做个扫码登陆嘛。。

来自 CNode-V

O
oodzchen#11·8 年前
引用 yuu2lee4做个扫码登陆嘛。。 来自 CNode V

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

来自 CNode-V

O
oodzchen#12·8 年前
引用 yuu2lee4做个扫码登陆嘛。。 来自 CNode V

@yuu2lee4 看来我要调整交互了

来自 CNode-V

Y
yuu2lee4#13·8 年前
A
awong1900#14·8 年前

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

来自 CNode-V

V
vipzrx#15·8 年前
引用 oodzchen@vipzrx 好像并没有找到 来自 CNode V

@oodzchen 没有找到什么?

V
vipzrx#16·8 年前
引用 tomoya92safari 上体验真不错,差点就以为是app了。。

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

C
Chenhw2017#17·7 年前

打不开

Y
yuu2lee4#18·8 年前

V
vipzrx#19·8 年前

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

O
oodzchen#20·8 年前
引用 vipzrx什么是 PWA https://juejin.im/post/5a9e8ad5f265da23a40456d4 刚才查到的解释 这种pwa主要是用在什么场景中呢? h5 ?

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

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

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

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

来自 CNode-V

A
alsotang#21·8 年前

W
wbget#22·8 年前

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

T
tomoya92#23·8 年前
引用 vipzrx@tomoya92 我看到你之前也给cnode写了一个ios的客户端 因为开发证书缺少,停滞了.

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

来自实用的 CNodeJS-Swift

H
hxc1995#24·8 年前

棒棒的

O
OXOYO#25·8 年前

star

W
wbget#26·8 年前

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

M
MeetTheBest#27·8 年前

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

Y
yuu2lee4#28·8 年前

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

T
thonatos#29·8 年前

棒 From Noder

O
oodzchen#30·8 年前
引用 MeetTheBest楼主, 手机上运行, 存在一点点的样式问题哈

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

来自 CNode-V

C
codehz#32·8 年前

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

来自酷炫的 CNodeMD

C
codehz#33·8 年前

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

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

来自酷炫的 CNodeMD

S
sinazl#34·8 年前

G
github-amazingboy#35·7 年前

证书过期了

T
tomoya92#36·7 年前

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

证书错误

D
dengnan123#38·7 年前

👍

O
oodzchen#39·7 年前
引用 tomoya92@oodzchen 请问楼主,pwa的推送,如果保存到桌面上的pwa app没有打开,服务端发的推送还可以收到吗?

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

参与回复
登录后即可参与回复。登录