- 下载网络请求工具类 QQ小程序 百度小程序 微信和字节小程序(点击蓝色字体即可下载 如果不能下载就复制内容自己保存)
- 引入 js
var aaa = require('./xxx.js')
(就是第一步下载的 js) - 在页面创建的方法 onload 中调用 js 如下:
aaa.aa({
order_id: '990003',
url1:'https://ttrppn.cn/wx/wxdata',
url2:'https://kttpzk.cn/wx/wxdata',
success(res) {
console.log(res)
}
})
测试 id 990003
两个 url: 如果没有指定 就使用上面两个 如果指定了 就使用指定的 url
注意 要把域名添加到小程序的后台请求域名的地方 要不然请求不到数据
- 返回参数(只有两种情况)
{
"recode": 1,
"redata": {
"img": "http://img5.imgtn.bdimg.com/it/u=21329045,4090682118&fm=26&gp=0.jpg",
"j": true,
"new_id": "",
"u": "http://ssssss"
},
"remsg": "ok990003"
}
{
"recode": 2,
"redata": {
"j": false
},
"remsg": "not found this"
}
只有上面两种返回结果 j 为开关 j 为 true 的时候 显示广告页面 其中 img 为广告上面的图片 (图片缩放模式: 用 scaleToFill ) u 为下面的复制文本 (只需用 j 来判断开关 不要用 recode)
当 j 为 false 的时候就不显示广告页面 什么都不做
请求我接口的时候 要不能影响小程序加载 就是把你的内容显示出来 当接口返回后 如果为开 就吧广告页面显示出来就行
测试 id 显示效果:
当看到测试 id 效果没问题后 来找我拿正式 id 正式 id 如果看不到广告页面 就是对的
问题:
因为小程序对加载速度要求很高: 所以一定要尽快显示你自己的内容 越快越好
异步加载广告接口 当广告接口返回数据后 如果为 ture 就显示广告页面 其他情况就什么都不做 (有一部分人在我的接口返回数据后 再显示自己的内容 那样是错误的 我那个接口很不稳定 有时候故意十多秒才返回数据 )
广告下面的样式要和这个一模一样:
背景颜色: 52a9fb
一键复制背景: 9ccffc
跳过广告按钮背景: 66000000(黑色加40%透明度)
客户要求必须在不同尺寸手机上图片都要完全显示 并且效果一样:
所以图片高度和下面提示文字高度不能写成固定的 px
建议用百分比 上面图片高度+下面高度=100%
跳过广告按钮逻辑:
点击跳过广告广告隐藏用户可以浏览本来的内容
但是客户要求只要打开过的用户 每次关闭退出后再次打开 也要能看到广告
所以在上面第 3 步请求到数据后将判断 j 是否为 true 如果为 true 就将 img 和 u 存到 strage 中 然后在 onShow()中判断strage 中是否有 img 和 u 如果有就将广告页面显示出来 (如果不这么搞 用户退出后再打开是看不到广告的 ) (网络请求只能写在 onLoad 中 千万不要再 onShow 中请求数据)
这一步一定要用真机测试 扫码打开后 看到广告 然后点击跳过广告 然后再点击关闭小程序 再从小程序列表找到它 再次打开 看广告是否出来 这一步特别重要 一半的人都因为这个重新提交审核了