小程序项目如何防盗?

小程序项目如何设置资源的防盗链?

做过前端,或对小程序有些了解的同学都知道,小程序是没有域名访问概念的,访问的路径都是以:“/pages/index”、“/pages/my”这种方式进行页面跳转的。域的概念从何而来?

事情是这样的,前段时间突然冒出个想法,大家上下班,有些人离公司比较远,回家路上/地铁上,可能都会比较无聊,看看新闻、听听音乐啥的。

但是对于IT行业的程序员们来说,入了IT领域就意味着,永远有学不完的东西,经常就有看到一些人在地铁拿着一本书在看,于是我灵机一动,想着做了个小程序,收集一些电子书,方便大家随时随地的阅读,既不耽误学习,回家的路上也不无聊,而且小程序集成在微信里,不会给大家带来负担。

说干就干,经过几个周末的开发和测试,慢慢的小程序成型了,也发布上线了,是基于wepy框架开发的,坑点之前的文章已经说过了,就不再提了。主要讲讲后面发生的一些事。

作为技术交流,平时也加了一些群,都有一些不错的书,工作几年自己也弄了些存货,这次是全部家当都拿出来了、还找了几个测试java的后端大佬,都收集了些他们的珍藏品,因为没有自己的服务器,刚开始是把内容存放在阿里云上的,但没两天告诉我欠费了……,

想哭,就这么工资,怎么经的起折腾啊,后来了解了一下腾讯云,每月有些免费的流量,果然放弃了阿里云,把东西转移到了腾讯云。嗯,就这样很开心的把小程序上线了,每天有事没有看看书,觉得还是蛮方便,身边同事也都觉得不错,还给提了些小建议。

然而小程序放上去不到两周,就在昨天、就在昨天、就在昨天,突然收到腾讯云的邮件提示,cos欠费,C\A\O,什么情况啊,我懵逼了……,想了半天,先充了几块钱进去……,毕竟不想自己努力构思的产品,就诞生这么几天就夭折了。

今天在快下班了突然想起这个事,想着赶紧看一下,发现cos的数据把我吓哭了、真的、如果不到两周能有这么高的访问量,我会很开心的,然而小程序的后台数据是不一样的。

  • 小程序访问次数:1000次,不到;
  • cos请求数:2.85w,呵呵~,

坑爹的啊,请求次数2.85w,小程序的访问量不到1000

不用说,这是被人欺负了……,内心1W个草泥马,在心里奔腾,怎么办呢?第一时间是想到了防盗链,不允许指定域名以外的站点访问你的链接。

但问题又来了,前面说过,小程序没有域名啊~

于是在项目中,把Network面板的信息看了又看,查看Headers信息,看到Referer这里有一个没见过的域名把整个页面请求头(后面发现的,哈哈~),百度搜索无果,最后还是谷歌告诉我,小程序也是有个域名的,请看下图:

原谅我穷,赶紧在cos上配置了这个白名单,同时也赶紧测试了一下,去掉后,是否还能访问,以图为示例:

当然这个方法是不完全可靠的,比如其他小程序也是这个域名啊,还是能调用你的资源,有点纳闷~,求大佬们指点可靠的方法。感谢!!

以上就是今天的随笔小记,希望能帮到其他遇到同样坑爹事情的同学,最后分享一下做的小程序:码农书籍,爱学习、阅读电子书的同学可以收藏一下!

作者:苏南 - 首席填坑官

链接:http://susouth.com/

交流:912594095、公众号:honeyBadger8

本文原创,著作权归作者所有。商业转载请联系@IT·平头哥联盟获得授权,非商业转载请注明原链接及出处。

原文地址:http://blog.51cto.com/9081815/2322369

时间: 2024-10-03 05:02:11

小程序项目如何防盗?的相关文章

【小程序源码案例】微信小程序项目开发案例分享

作者:web小二本文标签: 微信小程序 小程序源码案例 小程序项目小程序的开发,并不是适合所有公司,我今天跟大家分享小程序方面的教程,主要是供大家学习使用.学习这种东西,有时候则是单纯的喜欢,没有任何目的,很单纯的为了好玩,记得很早之前学flash,没有想法,就是觉得好玩,纯娱乐爱好而已.到后来玩视频剪辑也是出于同样的原因,不图钱财名利,只是图自己个人爱好娱乐. 但是,学习,有时候则是需要有明确目的,特别是关系到自己吃饭问题的时候,你就需要非常有目的去学习,并且还需要制定好学习的计划与目标,希望

小程序项目别的页面初始化拿到的值为两种状态(已解决)

小程序项目别的页面初始化拿到的值为两种状态,其他页面拿不到app.js全局globalData下全局的cookie app.js文件 onLaunch: function () { console.log('app-onLaunch') this.getUserInfo(); }, onShow:function(){ console.log('app-onShow') }, // 获取用户信息,登录 getUserInfo: function (callBack) { let that = t

小程序项目之再填坑

简诉 是的,真的,你没有看错,我就是上次那个加薪的,但是现在问题来了,最近又搞了个小程序的需求,又填了不少坑,其中的辛酸就不说了,说多了都是泪,此处省略三千字 ---^--,说重点吧,反正最后就是差点这让老板叫走人了,你说优秀不优秀-. 前段时间网上一直说的"<你可以骂那些中年人,尤其是有车有房的-->",虽然我没有房.也没有车,但也坚决不做那个可以随便骂的中年人(人到中年不如狗??),不存在的啦,这个仇宝宝已经记下了,先分享一下最近遇到的几个坑吧. -- 我是首席填坑官-

微信点餐小程序项目+毕业论文

好久之前写的微信点餐小程序项目了.大学也没学到多少东西,大三才开始认真的学习微信小程序开发,也是为了自己的毕业设计着想.随着互联网时代的到来,人们对网络了依赖度大大提高,越来越喜欢更便捷的消费方式.试想我们到餐馆消费,拿出手机扫一下二维码就可以排号.查看排队情况.查看菜单.点菜.买单,是不是很方便快捷?对餐厅的管理者来说,不需要开发或购买专门的排队软件,不需要添加额外的硬件设施,让用户扫一扫即可排号.点菜,随用随走.用户使用过小程序后,使用记录会留在微信的小程序列表中,方便用户再次使用,这又能增

微信小程序项目实践准备工作

一.了解微信小程序 产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 简单的说,小程序是微信附属产品,需要依赖微信,只有用户安装了微信才能使用. 小程序具体能做什么?有什么用?我也懒得想.但我也需要搞清楚这两个问题,所以我找了几个在当地开网络公司的朋友,我就问问他们是怎么看待这两个问题的,他们回答也很直接,小程序在谈客户的时候是新概念,客户完全没接触过,谈单的时候好谈,能要上价,谈单金额能增加不少.赚钱,就这么简单! 后来

微信小程序项目 配置开发环境及全面了解小程序

一.下载开发工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 二.全面了解小程序 1.根据官方提供的简易教程了解小程序 https://mp.weixin.qq.com/debug/wxadoc/dev/ 2.了解小程序框架 https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html 3.了解小程序组件 https://mp.weixin.qq.c

撸了一个微信小程序项目

学会一项开发技能最快的步骤就是:准备,开火,瞄准.最慢的就是:准备,瞄准,瞄准,瞄准-- 因为微信小程序比较简单,直接开撸就行,千万别瞄准. 于是乎,趁着今天上午空气质量不错,撸了一个小程序,放在了男性交友网站上了, 我添加了很全的注释,大家赏个star. 地址:https://github.com/yll2wcf/wechat-weapp-lifeTools 功能介绍 功能比较简单,调用了百度ApiStore的接口即时查询空气质量. 我计划多加一些功能,争取把微信小程序提供的功能全用一遍. 也

微信小程序项目踩过的几个坑

一.前言 近期,开始了一段辛酸的还未开始就已经结束的"创业"(参见我的第二次创业,以梦为马,莫负韶华).大体上是开发了一款微信小程序,关于创业这件事情就不细说了,本文主要介绍一下开发小程序的过程中踩过的几个坑. 二.注册 开发一款功能全乎的小程序,在未动键盘开始码代码之前就要涉及到账号注册.微信认证.支付申请等等,这里面也有一些坑. 首先是必须要企业认证才能有微信支付功能,以个人名义申请不能进行支付.微信认证还算容易,只需要支付300元即可.支付申请的时候会让你选择需要申请的经营种类,

微信小程序实战--集阅读与电影于一体的小程序项目(一)

1.首页欢迎界面 项目目录结构 新建项目ReaderMovie,然后新建文件,结构如下 welcome.wxml <view class='container'> <image class='user-avatar' src="/images/avatar/4.png"></image> <text class='user-name'><text style='color:blue'>Hello</text>,八月