微信小程序> 微信抽奖小程序,在微信小程序上实现抽奖功能

微信抽奖小程序,在微信小程序上实现抽奖功能

浏览量:504 时间: 来源:api工厂
前言本教程是基于“apifm-wxapi”模块,教你快速实现小程序开发,所以你可能需要先了解以下知识点:
本案例中,“点击抽奖”功能,需要用户登录后才能操作,也就是说需要token授权,请先了解:
启用“抽奖模块”登录“第一步”注册的后台,左侧菜单--工厂设置--模块管理
找到“抽奖模块”,点击“启用模块”,然后F5刷新一下后台界面,你将可以看到新的菜单:“营销复制”--“抽奖设置+抽奖记录”;
你需要先在后台发布一个新的抽奖设置项目:
抽奖设置小程序开发:接口返回的时候没有做界面上的渲染,统一在console输出,你可以尝试着将结果数据在界面上进行渲染
效果截图抽奖DEMOjs文件constWXAPI=require('apifm-wxapi')WXAPI.init('gooking')constluckyInfoId=165//后台抽奖设置里面的项目IDPage({data:{uid:undefined,openid:undefined,token:undefined},onLoad:function(options){},onShow:function(){},goRegist(){wx.navigateTo({url:'/pages/register/index'})},goLogin(){const_this=thiswx.login({success:function(res){constcode=res.code;//微信登录接口返回的code参数,下面登录接口需要用到WXAPI.login_wx(code).then(function(res){//登录接口返回结果console.log(res)if(res.code==10000){wx.showToast({title:'请先注册',icon:'none'})}elseif(res.code==0){wx.showToast({title:'登录成功',icon:'success'})_this.setData(res.data)}else{wx.showToast({title:res.msg,icon:'none'})}})}})},luckyInfo(){WXAPI.luckyInfo(luckyInfoId).then(res={console.log(res)if(res.code==700){wx.showToast({title:'抽奖项目ID错误',icon:'none'})}elseif(res.code==0){wx.showToast({title:'读取成功',icon:'success'})}})},luckyInfoJoinMy(){if(!this.data.token){wx.showToast({title:'请先登录',icon:'none'})return}WXAPI.luckyInfoJoinMy(luckyInfoId,this.data.token).then(res={console.log(res)if(res.code==700){wx.showToast({title:'你还未参与',icon:'none'})}elseif(res.code==0){wx.showToast({title:'读取成功',icon:'success'})}})},luckyInfoJoin(){if(!this.data.token){wx.showToast({title:'请先登录',icon:'none'})return}WXAPI.luckyInfoJoin(luckyInfoId,this.data.token).then(res={console.log(res)if(res.code==0){wx.showToast({title:'参与成功',icon:'success'})}else{wx.showToast({title:res.msg,icon:'none'})}})},luckyInfoJoinLogs(){WXAPI.luckyInfoJoinLogs({lid:luckyInfoId}).then(res={console.log(res)if(res.code==0){wx.showToast({title:'读取成功',icon:'success'})}else{wx.showToast({title:res.msg,icon:'none'})}})}})wxss文件button{width:600rpx;margin-top:50rpx;}wxml文件buttontype="primary"bindtap="goRegist"注册新用户/buttonbuttontype="primary"bindtap="goLogin"登录获取token/buttonbuttontype="warn"bindtap="luckyInfo"获取投票项目详情/buttonbuttontype="warn"bindtap="luckyInfoJoinMy"我的抽奖/buttonbuttontype="warn"bindtap="luckyInfoJoin"参与抽奖/buttonbuttontype="warn"bindtap="luckyInfoJoinLogs"拉取所有的抽奖记录/buttonWXAPI.init('gooking')这句代码是将你的小程序链接到你的后台,其中gooking这个是你的专属域名(请查看前言中关于专属域名的章节说明);
至此,你已经掌握了如何开发一个基于小程序的抽奖功能
使用上述的“apifm-wxapi”方法,试着去制作一个精美的抽奖小程序吧!
期待你的进步!感谢!

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎