V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 2543 days ago, the information mentioned may be changed or developed.
事情的起因是这样的，在 17 年中旬，体验了一把被称为是 Sketch 竞品的，还处在 beta 阶段的 Adobe XD, 做了一个 V2EX 的移动端 redesign.
然后就开始了断断续续长达两年的开发之旅 _(:з」∠)_
(当时的设计稿)
最初做这个东西的原因，其实是一个很简单的需求：时逢多事之年，各种想要关注的帖子被丢进隐藏节点无法 follow 进度，所以想做一个 follow 帖子的功能把这些帖子的更新直接展示到首页区。
断断续续开发了一个月左右，由于有其他几个内容创作相关的 side project 占据了大量时间，这个项目就停止了，毕竟，当时的半成品已经够自用了……
直到，前段时间突然看到有人发帖问这个 PWA 是什么……于是就抽了点时间，把他做了一个勉强能使用的初版。
这两年发生的事情太多了，包括审美上的变化，让这个 app 的设计很多地方已经显得陈旧过时；随着 Web 的发展，Polymer 也从迈入了 3.0 的时代，它抛掉 html imports 拥抱 ES modules，从 bower 迁移到 npm. 这些种种的更迭，也是当初让我放弃继续开发这个 app 的原因之一：总想把一个东西做到最好，所以要保持所有部分都是最好用的零件……比如过旧的设计无法驱动我获得实现时的快感后，当然就没有动力继续做下去了……所以本来是想再重新更新一下设计以及更新底层框架之后再继续做的……
至于，为什么突然又有了动力，这是另外一个话题了，废话说了一大堆，还是简单介绍一下功能吧：
首先，这是一个手机端的 Web 应用，准确地说是运行在非 iOS 系统下的 Chrome 上的应用（不过交互设计和代码实现都是移动端的，所以 desktop 上很 buggy ）。
得益于 Google 自己对 PWA 的推广和支持，你可以把这个 App 像 Native 应用一样安装到 Android 手机里并像 Native 应用一样使用，并实时获取最新提醒的 push 通知。
下面是几张截图预览：
一些小功能：
- 长按快速预览主题
- 楼层内联回复内容
- 图片查看器
- 分享你感兴趣的主题
- 查看历史浏览记录
- 获取新消息通知
一些正在开发的功能：
- 跟踪帖子，并获取他们的更新提醒（咦，这不是当初我的第一功能要求吗）
- PIN 码界面增加使用指纹传感器的选项
- 优化现在的 emoji 输入器
至于，怎么体验这个 PWA 版本的 V2EX 呢？
你需要一个可以提供 https 访问的服务器来部署他，因为 V2EX 并没有提供什么真正可以使用的三方 API.
如果你熟练的话，整个安装过程应该在 10 分钟以内，访问下面的链接获取指引： https://github.com/7nights/get-v2ex
简单介绍一下，这个程序会通过访问 V2EX 来提供 RESTFul 的 API 让你的 PWA 程序调用，出于安全原因考虑，他基本上只支持一个用户（其实支持多用户估计也会被 V2 反爬的）。
再多嘴一句，请使用 https, 不仅仅是因为大部分功能（比如分享、通知推送等等）都需要 https，还是为了你自身账号安全着想……
有任何 bug 或者建议都可以提到 issues 里。谢谢大家啦~
然后就开始了断断续续长达两年的开发之旅 _(:з」∠)_
(当时的设计稿)
最初做这个东西的原因，其实是一个很简单的需求：时逢多事之年，各种想要关注的帖子被丢进隐藏节点无法 follow 进度，所以想做一个 follow 帖子的功能把这些帖子的更新直接展示到首页区。
断断续续开发了一个月左右，由于有其他几个内容创作相关的 side project 占据了大量时间，这个项目就停止了，毕竟，当时的半成品已经够自用了……
直到，前段时间突然看到有人发帖问这个 PWA 是什么……于是就抽了点时间，把他做了一个勉强能使用的初版。
这两年发生的事情太多了，包括审美上的变化，让这个 app 的设计很多地方已经显得陈旧过时；随着 Web 的发展，Polymer 也从迈入了 3.0 的时代，它抛掉 html imports 拥抱 ES modules，从 bower 迁移到 npm. 这些种种的更迭，也是当初让我放弃继续开发这个 app 的原因之一：总想把一个东西做到最好，所以要保持所有部分都是最好用的零件……比如过旧的设计无法驱动我获得实现时的快感后，当然就没有动力继续做下去了……所以本来是想再重新更新一下设计以及更新底层框架之后再继续做的……
至于，为什么突然又有了动力，这是另外一个话题了，废话说了一大堆，还是简单介绍一下功能吧：
首先，这是一个手机端的 Web 应用，准确地说是运行在非 iOS 系统下的 Chrome 上的应用（不过交互设计和代码实现都是移动端的，所以 desktop 上很 buggy ）。
得益于 Google 自己对 PWA 的推广和支持，你可以把这个 App 像 Native 应用一样安装到 Android 手机里并像 Native 应用一样使用，并实时获取最新提醒的 push 通知。
下面是几张截图预览：
一些小功能：
- 长按快速预览主题
- 楼层内联回复内容
- 图片查看器
- 分享你感兴趣的主题
- 查看历史浏览记录
- 获取新消息通知
一些正在开发的功能：
- 跟踪帖子，并获取他们的更新提醒（咦，这不是当初我的第一功能要求吗）
- PIN 码界面增加使用指纹传感器的选项
- 优化现在的 emoji 输入器
至于，怎么体验这个 PWA 版本的 V2EX 呢？
你需要一个可以提供 https 访问的服务器来部署他，因为 V2EX 并没有提供什么真正可以使用的三方 API.
如果你熟练的话，整个安装过程应该在 10 分钟以内，访问下面的链接获取指引： https://github.com/7nights/get-v2ex
简单介绍一下，这个程序会通过访问 V2EX 来提供 RESTFul 的 API 让你的 PWA 程序调用，出于安全原因考虑，他基本上只支持一个用户（其实支持多用户估计也会被 V2 反爬的）。
再多嘴一句，请使用 https, 不仅仅是因为大部分功能（比如分享、通知推送等等）都需要 https，还是为了你自身账号安全着想……
有任何 bug 或者建议都可以提到 issues 里。谢谢大家啦~
Supplement 1 · May 17, 2019
修复了一些样式上的问题。
在 bv2ex 的 Releases tab 下下载最新的 zip 包解压到 get-v2ex 文件夹下，然后 cd 进 public 目录运行一次 npm run build 即可。
get-v2ex 的升级需要 git pull 并重新启动服务器。
在 bv2ex 的 Releases tab 下下载最新的 zip 包解压到 get-v2ex 文件夹下，然后 cd 进 public 目录运行一次 npm run build 即可。
get-v2ex 的升级需要 git pull 并重新启动服务器。
 |
1
thisisgpy May 17, 2019  2
会 UI 的程序员真可怕
|
 |
2
1847bell May 17, 2019
会 UI 的程序员真可怕
|
 |
3
bokchoys May 17, 2019 via iPhone
这是啥设计软件
|
 |
4
tangStudy May 17, 2019 1
会 UI 的程序员真可怕
|
 |
5
kitalphaj May 17, 2019
会 UI 的程序员是真的可怕。而且这个还带一个服务端我的妈呀。。。
|
 |
6
kaishi123 May 17, 2019
厉害厉害，佩服佩服。
|
 |
7
imchenlong May 17, 2019
图挂了，看不到啊
|
 |
8
Dkngit May 17, 2019
会 UI 的程序员真可怕
|
 |
9
JohnChiu May 17, 2019
真的很漂亮，优秀
|
 |
10
cheniousl May 17, 2019 via Android
点赞，中午回去装一下看看。
|
 |
11
zhang1215 May 17, 2019
会 UI 的程序员真可怕
|
 |
12
SpiderXiantang May 17, 2019
会 UI 的程序员真可怕
|
 |
13
Navee May 17, 2019
会 UI 的程序员真牛逼
|
 |
14
dremy May 17, 2019 via iPhone
会 UI 的程序员真可怕
|
 |
15
chotow May 17, 2019 1
看到 PWA 就滚进来了，结果发现 UI 也好看到爆炸，_(:з」∠)_
|
 |
16
cheeto May 17, 2019
想和楼主学 UI
|
 |
17
Blacate May 17, 2019
会 UI 的程序员真可怕
|
 |
18
sheeta May 17, 2019
会 UI 的程序员真可怕
|
 |
19
herofire May 17, 2019
会 UI 的程序员真可怕!):
|
 |
20
sanmmmm May 17, 2019
会 UI 的程序员真可怕(复读)
|
 |
21
donotquestion May 17, 2019
为什么看不到图
|
 |
22
yuthelloworld May 17, 2019
看了半天，这是一个后台接口服务吧，前台呢？
|
 |
23
designer May 17, 2019 via iPhone 1
你真棒！
|
 |
24
malagebidi May 17, 2019
会 UI 的程序员真可爱
|
 |
25
Willjim May 17, 2019 via Android 1
楼主你知道吗？我们找你找的好辛苦啊。之前在少数派里面看到一个朋友用的截图，全网都搜不到。这下终于逮到你了！[戴手铐]
|
 |
26
jaylee77 May 17, 2019
前端在哪？ 你发的不是只有后端 API 吗？
|
 |
28
morethansean OP |
|
29
morethansean OP @Willjim 哈哈哈谢谢你让我有动力把它做完……
|
|
30
Blacate May 17, 2019
用上了 真香 感谢楼主
|
 |
31
redford42 May 17, 2019
好，我要学 UI 了
|
 |
32
joooooker21 May 17, 2019
给这 UI 点个赞
|
|
33
morethansean OP @Blacate #30
给你娴熟的动手能力点赞！ |
 |
34
niceshoot May 17, 2019
枯了，太好看了
|
 |
35
yggd May 17, 2019
会 UI 的程序员真可怕
|
 |
36
Elinstein May 17, 2019
好看，话说现在的 XD 能和 sketch 对打了吗？
|
 |
37
blinue May 17, 2019 via Android
很久以前就有人求这个 ui，真的好看
https://study.congcong.us/t/550390 |
 |
38
Zealous May 17, 2019
d(ﾟ∀ﾟ d)点赞!
|
 |
39
VENTDOUX May 17, 2019
会 UI 的程序员真可怕
|
 |
40
Fries May 17, 2019
会 UI 的程序员真可怕
|
 |
41
fengc May 17, 2019 via iPhone
会 UI 的程序员真可怕
|
 |
42
ReysC May 17, 2019
会 UI 的程序员真可怕
|
 |
43
WhoCanBeRich May 17, 2019
看不到图的 哭了
|
 |
44
jason94 May 17, 2019
会 UI 的程序员是真真真的可怕
|
|
45
morethansean OP @WhoCanBeRich #43
不应该呀，用的微博图床... |
 |
46
Zzdex May 17, 2019 via iPhone
原来少数派的是你，找了好久
|
 |
47
Microi May 17, 2019
设计+开发，你是真的强。
|
 |
48
DamonLin May 17, 2019
会 UI 的程序员真可怕
|
 |
49
WEBUG May 17, 2019 via Android
这个设计稿用的那个软件是什么
|
 |
50
dcalsky May 17, 2019
我十分建议楼主部署一下，非常美。
|
 |
51
Lin0936 May 17, 2019 via Android
没服务器了，哭了。
|
 |
52
goodryb May 17, 2019
有 demo 吗，先体验下
|
 |
53
superbai May 17, 2019
太优秀了，能讲讲 UI 怎么设计的么？
|
|
54
VENTDOUX May 17, 2019
万分希望楼主可以出个 IOS 版本
|
 |
55
doco May 17, 2019
我的 pwa 只会盗用 app 的 api 然后用 nginx 转发...感觉 low 爆了
|
 |
56
fedfrank May 17, 2019
can we make friend?
|
 |
57
PureWhiteWu May 17, 2019
会 UI 的程序员真可怕
|
 |
58
Maboroshii May 17, 2019
没有部署好的版本呀
|
 |
59
fenx May 17, 2019 1
挺好的👍，不过一些页面的几何纹理背景建议还是去掉或者再再淡化，现在和 lable 的灰色重合了；
Nodes 页面的 show all 应该更贴近上方一些，现在居中会造成无法判断 show all 下面还是上面的节点； 评论的灰色背景感觉可以再浅一点； Member 的 BLOCK 建议收到二级菜单不直接放出来（社区嘛）； 头像方形还是圆形也是建议统一 ne ； ---- P.s. 我最近也在想写一个 v2 主题，不过没什么方向也一直没什么时间 |
 |
60
fcoolish May 17, 2019
厉害厉害
|
 |
61
hardname May 17, 2019
好看~ 已 star😆
|
 |
62
arnoldFu May 17, 2019
这是什么设计软件？
|
 |
63
angith May 17, 2019
会 UI 的程序员是真儿是可怕
|
 |
64
DEANHZED May 17, 2019 via iPhone
会 UI 的程序员真可怕 每条五毛，括号删除
|
 |
65
wmllll May 17, 2019
好看～
|
 |
66
Ixizi May 17, 2019
最近也在用 Adobe XD 了 Windows 下可以编辑 Sketch 的文件 很舒服
|
 |
67
supuwoerc May 17, 2019
属实牛批
|
 |
68
Mantext1989 May 17, 2019 via Android
原来是楼主做的
|
 |
69
abc1763613206 May 17, 2019 via Android
会 UI 的程序员真可怕
|
 |
70
blufaux May 17, 2019
好麻烦，不会编程，怎么用啊？
|
|
71
morethansean OP @VENTDOUX #54
我...尽量吧... 毕竟 iOS 就是纯网页版了。而且 iOS 的 Safari 简直就是新时代的 IE，需要让我写巨多的 polyfill 或者调试兼容... |
 |
72
wjwwq May 17, 2019
楼主牛批！
|
 |
73
WildCat May 17, 2019 via iPhone
设计稿有什么 license 嘛
|
 |
74
SakuraKuma May 17, 2019
adobe xd 真的好用!! 然后拉上蓝灯就可以团队共享了..
|
 |
75
andyangyu May 17, 2019
楼主动手能力真强！可惜光是带 HTTPS 的服务器就让我止步了
|
 |
76
xrr2016 May 17, 2019
楼主好 6 啊！膜拜
|
|
77
blufaux May 17, 2019
@morethansean 我们需要 iOS 的
|
 |
78
love4taylor PRO 您可终于放出来了 等了好久 233333
|
|
79
morethansean OP @xrr2016 #76
let's encrypt 无脑部署证书啊... |
 |
80
JQZhang May 17, 2019
同样是程序员，差距咋就这么大呢，啥时候我要能像楼主这么牛逼就心满意足了，另 ios+1
|
 |
81
1762628386 May 17, 2019
没有 web 版？
|
 |
82
nanau2016 May 17, 2019
如果 IG 上那个 7nights 是楼主的话，不仅有才华，还真 tm 的帅
|
|
83
morethansean OP @nanau2016 #82
哈哈哈哈哈熟人啊，爱你哦。 |
 |
84
goodboy886 May 17, 2019 via Android
厉害了，漂亮
|
 |
85
daryl May 17, 2019
会 UI 的程序员真可怕
|
 |
86
wolfie May 17, 2019
好看，第一张图是一个整理软件还是图片管理器。
|
 |
87
cccicl May 17, 2019
会 UI 的程序员真可怕
|
 |
89
BCy66drFCvk1Ou87 May 17, 2019
硬核
|
 |
90
uTOmOuk3L6sb4MSI May 17, 2019
对方不想说话，并向你抛出一个错误：
``` (node:661) ExperimentalWarning: The fs.promises API is experimental task runner established! get-v2ex is listening on port 3003! Get task { taskId: 'fetch-notifications', interval: 600000, next: 1558082619038, start: 1558082619038, runner: '127.0.0.1' } (node:661) UnhandledPromiseRejectionWarning: Error: User does not sign in at Object.exports.get (/home/ubuntu/get-v2ex/lib/userrequest.js:39:39) at taskQueue.onRun (/home/ubuntu/get-v2ex/tasks/index.js:28:60) at (anonymous function).forEach.func (/home/ubuntu/get-v2ex/lib/taskrunner/index.js:258:11) at Array.forEach (<anonymous>) at TaskQueue.executeTask (/home/ubuntu/get-v2ex/lib/taskrunner/index.js:257:30) at processTicksAndRejections (internal/process/next_tick.js:81:5) (node:661) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) (node:661) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. ``` |
|
91
uTOmOuk3L6sb4MSI May 17, 2019
能访问，就是一直提示未登录，获取不到数据；话说配置了用户名&密码，用户验证码你是怎么处理的。
我尝试访问登陆页面，验证码图片是 500，获取不到惹。 |
 |
92
ww980624 May 17, 2019
会 UI 的程序员真可怕
|
|
93
morethansean OP @ODD10 #90
你是不是没有 follow 文档执行 npm init 来登录... |
|
94
Lin0936 May 17, 2019
部署上了，但是 captcha 请求（好像是验证码）一直 404.
|
|
95
uTOmOuk3L6sb4MSI May 17, 2019
|
|
96
uTOmOuk3L6sb4MSI May 17, 2019 via iPhone
|
|
98
uTOmOuk3L6sb4MSI May 17, 2019
手机上字体图标加载不出来。开了 ss 也没用。
|
|
99
uTOmOuk3L6sb4MSI May 17, 2019
@Lin0936 #97
nginx 鸭，文档里面写了鸭，复制就行鸭，傻瓜式的鸭 |
|
100
morethansean OP |
Select Language