这是一个创建于 3696 天前的主题，其中的信息可能已经有所发展或是发生改变。
中午收到同事微信，说 Airpub.io 首页几个图片被改写了，应该是前端暴露了又拍云表单上传密钥导致的。
我躺在床上琢磨这个事情，心想还是有闲的蛋疼的程序员做了。所以大概谈谈为什么 Airpub 要这么设计，以及如何规避这种事情的发生:
1. 为何如此设计？
在刚开始写 Airpub 时，我们考虑要为 markdown 编辑器构建一种非常好的图片上传用户体验，同时又不需要用户自建后端服务，或依赖本地工作流。这种方式的工具其实本身面临着很大的安全风险，如果不暴露又拍云的表单密钥，就意味着图片上传的签名需要手动依赖工作流进行构造，也违背了这工具所设计的初衷。
2. 图片如何被复写？
Airpub 0.2.x 所依赖的 upyun 组件使用的文件最后上传路径是文件名，因此这个文件名很容易使用已经暴露的密钥重新上传导致覆盖。
在 Airpub 0.3.x 的版本中采用新版 upyun 模块，使用文件的 md5 作为最终上传路径，因此也就没那么容易被覆盖。但还是可以通过复制此文件的 md5 的方式，写死上传最终文件地址，上传新的图片覆盖掉此图片。也就是说，一旦暴露了表单密钥，任何文件都有可能会被覆盖。
3. 如何避免这种情况发生？
我们考虑了两种方式：
- Airpub 提供一个工作流工具，此工具将提供一个命令行界面，根据用户提供的表单密钥一次性生成签名，然后将此签名暴露给前端组件。
- 在非编辑的情况下，经常性地在又拍云后台修改表单密钥，确保此密钥及时更新，不被泄露。在编辑文章时，临时将正确的密钥进行替换。
另外， Airpub 已将编辑器拆分出核心代码，另起项目 EditorNinja，拆分后的项目最新稳定版本已发布 v0.3.2。今后，编辑器相关的功能，都会在 EditorNinja 项目进行维护。我们欢迎大家给 Airpub 挑错，但更欢迎大家以提 issue 的方式告诉我们问题在哪儿，让这个项目越来越完善。
欢迎 Star & fork:
https://github.com/duoshuo/airpub
EditorNinja，可便捷拓展，支持实时代码高亮的 markdown 编辑器：
https://github.com/airpub/ninja
我躺在床上琢磨这个事情，心想还是有闲的蛋疼的程序员做了。所以大概谈谈为什么 Airpub 要这么设计，以及如何规避这种事情的发生:
1. 为何如此设计？
在刚开始写 Airpub 时，我们考虑要为 markdown 编辑器构建一种非常好的图片上传用户体验，同时又不需要用户自建后端服务，或依赖本地工作流。这种方式的工具其实本身面临着很大的安全风险，如果不暴露又拍云的表单密钥，就意味着图片上传的签名需要手动依赖工作流进行构造，也违背了这工具所设计的初衷。
2. 图片如何被复写？
Airpub 0.2.x 所依赖的 upyun 组件使用的文件最后上传路径是文件名，因此这个文件名很容易使用已经暴露的密钥重新上传导致覆盖。
在 Airpub 0.3.x 的版本中采用新版 upyun 模块，使用文件的 md5 作为最终上传路径，因此也就没那么容易被覆盖。但还是可以通过复制此文件的 md5 的方式，写死上传最终文件地址，上传新的图片覆盖掉此图片。也就是说，一旦暴露了表单密钥，任何文件都有可能会被覆盖。
3. 如何避免这种情况发生？
我们考虑了两种方式：
- Airpub 提供一个工作流工具，此工具将提供一个命令行界面，根据用户提供的表单密钥一次性生成签名，然后将此签名暴露给前端组件。
- 在非编辑的情况下，经常性地在又拍云后台修改表单密钥，确保此密钥及时更新，不被泄露。在编辑文章时，临时将正确的密钥进行替换。
另外， Airpub 已将编辑器拆分出核心代码，另起项目 EditorNinja，拆分后的项目最新稳定版本已发布 v0.3.2。今后，编辑器相关的功能，都会在 EditorNinja 项目进行维护。我们欢迎大家给 Airpub 挑错，但更欢迎大家以提 issue 的方式告诉我们问题在哪儿，让这个项目越来越完善。
欢迎 Star & fork:
https://github.com/duoshuo/airpub
EditorNinja，可便捷拓展，支持实时代码高亮的 markdown 编辑器：
https://github.com/airpub/ninja
 |
1
chemzqm 2014-09-25 16:28:25 +08:00
让用户把 secret 放到前端感觉挺不负责任的
|
 |
2
loading 2014-09-25 16:54:42 +08:00  3
前端提供AES加密后的密文，提示输入密码，在解密存到本地cookie，在自己电脑上其实也就输一次！
在线提供一个工具对API密钥进行AES加密，当然这样改密码比较麻烦，但相对安全很多！ |
 |
3
easychen 2014-09-25 17:40:44 +08:00 1
我觉得把key完全放到前端还是太危险了，要么就提供一个集中式的API中心，通过domain来分配内容，第一个设置密码的人获得管理权（ cvbox.sinaapp.com就这么做的 ）；要么就提供一个服务器端docker image，pull就启用。
顺便，我很看好Airpub这类前后端分离的书写工具。可以把云端接口定义一个简洁的规范，然后由社区来贡献各个语言的实现版本。 Ghost虽然好用，但后端是Node，服务器上维护起来还是不方便，难免变成只能在Node社群流行的东西。而如果Ghost后端有PHP实现，我想就不同了。 |
 |
4
willwen 2014-09-25 18:39:49 +08:00 via iPhone
@easychen 道理也是一樣的，即使換成了PHP照樣只能說是PHP社區裡玩的，糾結語言從來不是好事情，更何況ghost也提供如wordpress.conm這樣的服務。
（好吧，我是Node.js粉，拍黃片黑 |
|
9
easychen 2014-09-25 20:21:46 +08:00
@willwen 你自己的浏览器支持有什么用，得访客的浏览器支持。
而且吧，你做过没做成，和别人做不成没什么逻辑关系… 后端API独立，和古代那种一个程序有N个版本是不同的，最大的区别就是后端API独立可以共享模板市场，从而可以构建一个跨语言的生态出来。 聪明人多，我就不细说了 ：） |
|
10
willwen 2014-09-25 20:26:16 +08:00 via iPhone
@easychen 其實思路是好的，我沒做成是因為當時精力有限罷了，要做成一套完善的標準，先得有一套完善的實現作為基礎。
|
|
11
loading 2014-09-29 12:08:58 +08:00
突然想起来，其实我上面说的前端加AES也挡不住暴力破解的，必须有认证服务器来防爆破！
自己那太天真了！ |
Select Language