The simplest way to get the link ?

===> https://get-link.xyz

===> Chrome Extension (Source Code)

Keywords: Qiniu / Material Design / Dropzone / Responsive Design / localStorage

Preview:

经历过之前的两个版本的迭代，这次重新搞了第三个版本 原因是之前用户的数据都是放到我的七牛空间的，时间长了发现有几个问题

• 很多图片都是临时用一下，而存储并不会区别对待，都是一直保留的，太浪费
• 存储的特殊性，空间持续增长，我自己预估了下，后期可能支撑不了持续的增长的费用
• 很多用户并不喜欢把自己的资源放到别人的服务器上
• ....

于是我重新设计了下，让每个用户都可以用自己的存储空间，而且过程非常简单，当然有些临时需求的也可以用我提供的公共空间，这个空间会不定期清理的，所以用户需要自己评估自己上传东西的重要性，之前的上传空间已经关闭，目前数据已经全部备份，如果你发现你之前的旧图片挂了，可以邮件联系我

目前的版本可以使用公共的空间上传图片（再次强调，公共空间会不定期清理），也可以使用自己的空间，使用公共空间只需要在设置里勾选上 Use Default Server 即可，当然这个是默认开启的，其实并不需要任何操作

这里要做三件事：

• 申请七牛空间（实名的用户有 10G 免费空间）
• 部署服务端程序，用于生成 uptoken
• 在 https://get-link.xyz 里设置下域名和安全码

注：整个交互的过程的安全都由 HTTPS 保证，所以 https://get-link.xyz 设置了 HSTS 强制 HTTPS，也就是 settings 里的七牛服务端的域名也必须是 HTTPS 了（协议本身特性），在 Let's Encrypt 兴起的时代，相信这不是问题

整个过程目测半个小时就可以了，最主要的就是部署自己的服务程序，这里是我自己用 NodeJS 写的服务端程序：https://github.com/int64ago/node-qiniu-server ，很简单的程序，其实就是为客户端提供 uptoken ，所以你也可以参考七牛 SDK 自己随便写（当然接口要一致）

部署服务端程序的时候需要几个参数：

var AUTH_KEY = process.env.AUTH_KEY || '<AUTH_KEY>'

var qiniu = {
    accessKey: process.env.ACCESS_KEY || '<ACCESS_KEY>',
    secretKey: process.env.SECRET_KEY || '<SECRET_KEY>',
    bucket: process.env.BUCKET || '<BUCKET>',
    domain: process.env.DOMAIN || '<DOMAIN>', // eg: https://nzsg3jhu3.qnssl.com，这个是七牛空间域名，注意区分

};

这里的 AUTH_KEY 和你部署的服务器域名（eg: https://your.server.com/uptoken）就是客户端需要的设置的内容

如果有任何问题可以开 Issue :-)