微信小程序-卡券开发(前端)

刚完成一个微信小程序卡券开发的项目。下面记录开发前,自己困惑的几个问题。

因为我只负责了前端。所以下面主要是前端的工作。

项目概述:按照设计图开发好首页上的优惠券列表,点击某个优惠券,输入手机号,点击领取,调用 wx.addCard()接口,跳到微信的领取卡券页面。

点击首页的某处按钮,点击后,调用wx.openCard()接口,打开已领取的卡券列表页。

1、小程序提供的 wx.addCard() ,如果调用成功,打开的界面,长下面这个样子。(微信本身就有的页面)

如果点击了返回,没有点击“领取到卡包”。此时是没有领取成功的。

微信小程序-卡券开发(前端)

2、小程序提供的 wx.openCard() ,如果调用成功,打开的界面,长下面这个样子。(微信本身就有的页面)

微信小程序-卡券开发(前端)

 

 

3、开发流程(后续补充):

1) 获取openId。

在app.json文件中,前端调用wx.request(),发送code至自己公司后台提供的接口,获取openId,存到缓存中,为了确保其他页面能获取到。我也存到了一个公共变量中。

2) 按照微信提供的API说明,传必要参数。

凡是需要调用 api.weixin.qq.com这个接口获取的数据,都要由后台调用,返回给前端。前端无法直接调用。

 

4、踩的坑

1)点击领取后,接口调用成功,就要设置按钮不可点击。否则多次快速点击,微信卡包中,卡券列表里会出现多次重复领取的卡券。

2)用自己的appId登录开发者工具,查看公司的小程序项目时,会报错。因为后台服务器使用的是公司小程序的 appsecret 获取的 accesstoken。和自己的appId对不上,就调不了接口。

解决:开通公司小程序的开发权限,用公司的appId登录开发者工具。注意,先选择小程序文件,然后再输入appId。因为如果之前已经打开过这个小程序,再次导入小程序文件时,appId会自动输入之前的appId记录。先输入appId ,有可能会被自动改掉。

 

......做项目时,想写的很多,做完了,突然词穷了。等有人问,或者我自己想,再慢慢补充吧 ==||

微信小程序-卡券开发(前端)

上一篇:libCURL开源库在VS2010环境下编译安装,配置详解


下一篇:微信小程序--每个独立的page的page.json只能修改window属性