小程序的特性:无须安装、触手可及,这是张小龙说的,不是我说的。
看着小程序很火,于是便惦记着把自己的博客也搬到手机上,无奈自己技术有限,就只能借大神们的用了,网上找了一下还真有,在此向子恒博客以示感谢。
为什么想把博客搬到小程序上,一是真的想有个正式一点的手机版网站吧,主要还是看上了小程序的广告费,这玩意能挣钱啊,再不耽误自己任何时间的情况下再挣钱多好的事。
本文以QQ小程序为例写了,其实微信小程序也是通用的,只是微信小程序的流量主需要小程序有累积1000访问量才能开通流量主,而QQ小程序的广告基本是秒审核。
关于如何开通QQ小程序就请自行搜索吧,这里多说一句,对于首次接触小程序的人来说,手机扫码会扫到快吐了,注册需要扫码,添加域名需要扫码,开通流量主需要扫码,添加广告需要扫码,提交审核需要扫码,发布还需要扫码,反正截止正式上线需要扫一堆的码。
先看一下本文搭建好的效果。
1.你得有个网站,还得是用Emlog搭建的,关于该程序的安装等请自行搜索教程。
2.域名必须有ssl证书,也就是支持https访问,因为小程序要求接口必须是https协议。
3.下载文末的压缩文件解压后找到utils/api.js文件,第一行修改自己的网站地址。别用记事本打开,建议使用notepad++等。【const host = ‘https://www.baidu.com‘ // 网址修改为自己的网站地址,必须是https!】
4.解压后文件夹里面有个【把我传到根目录tpapi.php】文件,重命名为tpapi.php后直接上传到网站的根目录即可,不用做任何修改,只需要上传这一个文件且上传完成可以删除该文件,因为QQ小程序对于前端文件大小限制到2M,多一个无用文件实在没什么必要。
5.用QQ或者微信小程序开发者工具导入该项目,填入appid等信息。(第3步的操作也可以在这里修改)
6.其他所有修改均在pages文件夹下,home是首页文件夹,guanyu是关于界面,weiyu是微语界面,content是详情页面。以下给出需要修改的地方。
文件pages\home\home.wxml
小程序名称:第4行
首页广告:第53行和第60行
首页是下拉自动加载刷新的,
第60行是最底部的广告
文件pages\weiyu\weiyu.wxml
图片文件第2行huai.gif,替换图片需放置在images文件夹下
广告代码为第7行和第8行
文件pages\weiyu\weiyu.js【点击助力后播放视频】
视频激励广告: 第14行 adUnitId: ‘9765804414a2dcccb9a4263ae7670d7f’
文件pages\content\content.wxml
广告代码为第24、25、30、31、32行
文件pages\content\content.js【点击点赞后播放视频】
视频激励广告: 第54行
文件pages\guanyu\guanyu.wxml
广告代码为第10、11、12行
更多福利请加群这些信息是在网站后台设置的。
一键加群需要修改两个地方
guanyu.wxml 第7行
app.json第16行
图片支持点击小图播放大图,且左右滑动可以切换,手机保存。
给自己的小程序有个好名字,通过QQ或微信小程序开发工具, 上传并在后台审核,通过后搜索量和浏览量多了,点击率高了,广告费就有了,不管多少,给就行了。希望大家每天都挣好多毛毛!
QQ搜索小程序【美少女写真壁纸】浏览更多美图
【下载Emlog小程序源码】下载地址一:七牛云 下载地址二:百度网盘 提取码:m2n4
未经允许不得转载:动图吧 » Emlog博客小程序源码含激励视频