猜一下豆丁网不能复制内容的功能是怎么做的?

第一步:后端在提交的时候就生产了图片和图片对应的base64编码。

第二步:前端请求的时候就用根据“cookieid”或则是“ip”产生的"唯一号" 字符串传给后端,后端去查找这个唯一号,如果有这个唯一号就根据这个唯一号把base64编码生成 加密的字符串,然后把加密后的字符串传给前端。

第三步:前端拿着这个字符串解密成base64编码,然后加载到canvas里面去。前端再用div给遮挡一下(过滤掉一点都不懂前端的用户)

总结:https://page2.douding.cn/page_4545692925_1.docin?sid=IqVyMix163GQsB6bAY5R74pgA9Z5X3NNG2993gEyc7Dm-g-Xgrl0Hexey1BsO1BG 这个sid就是唯一号。这样保证了每一人从后台拿到的那个加密字符串都是唯一的。

当然在文件内容不是很重要的情况下,可以直接在第一步直接生成base64编码的加密字符串,然后在第二步前端请求的时候,直接把这个生成的base64编码的加密字符串给前端解密即可。这样可以减轻后端服务器的很多压力。

你可能感兴趣的:(杂说,VUE,前端)