程序员技术变现实例01 - 基于uni-app开发的cps小程序。
助力程序员发展副业,实现税后收入。
项目预览:
开发工具 HBuilderX + 微信开发者工具
HBuilderX下载地址: HBuilderX
微信开发者工具下载地址: 微信开发者工具
微信小程序注册地址:微信小程序注册
由于我们的小程序不涉及支付,所以选择个人小程序即可。
具体注册流程,可以看下官方文档微信小程序注册流程
注册完成后,登录小程序后台,在菜单 “开发”-“开发设置” 获取小程序的 AppID,后面有用。
启动HBuilderX,点击 菜单"工具"-"设置"-"运行配置",找到"小程序运行配置"-"微信开发者工具路径",填入你的微信开发者工具安装地址即可。
启动微信开发者工具,点击右上角的设置图标-安全-开启服务端口。
打开项目根目录下的manifest.json,找到"微信小程序配置",填入刚注册的微信小程序AppID。
点击 菜单"运行"-"运行到小程序模拟器"-"微信开发者工具", 等待微信开发者工具启动。
至此,项目配置完成。
商品返佣需要修改common/config.js下的pub_id属性, pub_id可以在之前注册的聚推客小程序个人中心上找到“联盟ID”;
cps活动内容我配置在common/config.js下的coupons属性,你可以根据我的内容格式自行添加修改。
在聚推客cps推广中,找到你想要的活动
在弹出的渠道选择界面,随便建立一个渠道,然后选择渠道获取链接。
然后获取推广的活动的AppId和小程序页面路径,并填入coupons。
保存修改,同时运行到微信小程序即可。
在微信开发者工具中,点击界面右上角的上传,填入版本号和项目备注,点击上传。
进入小程序后台,点击左侧版本管理,找到刚刚上传的版本,提交审核。
等待审核通过后,点击发布即可。发布完成后即可获得小程序码,可以通过小程序码进入微信小程序。
并通过分享的方式发送给朋友和朋友圈即可。