微信小程序——（2）智慧商圈、微信支付快速积分到账小程序开发指引

小伙伴们，小编在上一期中有讲到了微信小程序智慧商圈、微信支付快速积分到账小程序接入前准备，那么这期咱们来看看如何开发，由于小编是前端开发，后端不熟，所以这里就直接给小伙伴们抛一个官方的开发指引了：智慧商圈开发指引
开发指引中有java、PHP、go语言的开发讲解
那么我们直接来看下前端该如何配置吧。

商圈快速积分插件开发

接入指引
插件版本请选择最新版 >= 1.3.0（2021-03-29）
小程序基础库版本要求：1.9.6 以上
添加插件
微信公众平台-登录小程序-设置-插件管理-添加插件-搜索“商圈快速积分”-复制插件的AppID
添加插件配置（引入插件包）
这里是参考微信小程序开发使用插件在小程序项目包中的app.json配置plugins插件版本号以及插件APPID

{"pages": ["pages/index/index",],"permission": {"scope.userLocation": {"desc": "你的位置信息将用于XXX显示"}},"plugins": {"myPlugin": {"version": "1.3.0","provider": "插件APPID"}},"window": {"backgroundTextStyle": "light","navigationBarBackgroundColor": "#fff","navigationBarTextStyle": "black"},"style": "v2","sitemapLocation": "sitemap.json",
}

智慧商圈授权
这里要先准备好插件需要的字段
1、mch_id：商圈商户号
2、openid：用户openid，顾客授权时使用的小程序上的openid
所以这里我们就要拿微信支付里的商户号来，然后还要先获取用户openid，并且开发指引中表示需要在app.js中的onshow方法中调用插件接口所以这里小编就在app.js的onshow（）这样来授权这个插件

onShow(){var that = this;wx.getLocation({type: 'wgs84',isHighAccuracy:true,success (res) {console.log("授权位置",res)}})wx.login({success: res => {console.log("wx.login::",res)var data = {code:res.code}com.Get('getCode',data).then(res=>{console.log("getcode获取",res)var myPluginInterface = requirePlugin('myPlugin');myPluginInterface.getAuthStatus(res.data.data.data.openid,'mch_id').then(res => {console.log("智慧商圈是否授权",res)})   myPluginInterface.getLocation(res.data.data.data.openid).then(shoppingRes => {console.log("智慧商圈：：",shoppingRes)})that.globalData.userData = res.data.data.data;})}})},

页面实现

当用户点击授权微信积分跳转商圈快速积分页
wxml:

<view class="container-1-3-right" bindtap="gotoZHSQ"><image src="../../../image/index/selfP/4.png"></image>授权微信积分
</view>

js:

// 前往智慧商圈gotoZHSQ(){var that = this;console.log("前往智慧商圈  我的信息",getApp().globalData.userInfo)wx.navigateTo({url:'plugin://myPlugin/index?openid='+getApp().globalData.userInfo.openid+'&mch_id=mch_id'})},

这样就可以实现打开授权商圈快速积分啦！下面小编附上一些开发中会遇到的报错码及解决方案
微信智慧支付即积分常见问题解决办法：https://docs.qq.com/sheet/DTm9VVHdsYWJwUWN4?tab=BB08J2&_t=1606291263063&groupUin=ROr9T6%252FJKCz65ty37a8I2w%253D%253D&tdsourcetag=s_macqq_aiomsg&jumpuin=1476982312
好啦~这就是小编开发微信智慧商圈时候遇到的问题，感兴趣的小伙伴可以和我聊聊哦，如果您有不同的开发方法，麻烦也跟小编分享一下哦！

微信小程序——（2）智慧商圈、微信支付快速积分到账小程序开发指引相关推荐

微信小程序——（1）智慧商圈、微信支付快速积分到账小程序接入前准备
小伙伴们,在开发商圈小程序.商城小程序过程中有没有遇到需要开发商圈内任意商店,线下支付实现积分到账小程序的功能呢?这里就需要使用到微信支付的智慧商圈了. 那么什么是微信智慧商圈呢? 适用范围:商圈, ...
智慧商圈，对接微信、支付宝、云闪付实现自动积分
线下交易商城下的门店使用本公司内部的pos机以及会员管理系统,通过pos收银时,根据管理系统配置的积分规则,可以自行给会员积分.但是当商城内部的部分门店不是使用内部的pos机进行收银时,则无法给给该 ...
微信智慧商圈-java-springBoot实例
微信智慧商圈API java springBoot实现商圈会员积分服务授权结果通知商圈会员场内支付结果通知商圈会员积分同步商圈会员场内退款通知微信支付V3 从线上项目剥离出来的代码,可以直接 ...
支付和分账解决方案助力智慧商圈快速发展
(图源:piqsels网站) 在大数据的赋能之下,新消费.服务.治理.文化等融合创新,掀起新一轮商业与城市治理的变革.智慧设施.智慧环境.智慧服务这些创新性的应用场景,正在让抽象的"智慧商圈 ...
华为云服务怎么弄金卡会员_万科牵手华为终端云服务，共建松山湖智慧商圈
12月18日,坐落在东莞松山湖南华为旁的44000㎡的开放式商业mall--滨湖万科里正式启幕.现场华为终端云服务部还与万科南方区域商业事业部签署了战略合作协议,开启共建智慧商圈的新版图.值得一提的是 ...
中国智慧商圈建设发展价值调研及投资潜力规划报告2022年版
中国智慧商圈建设发展价值调研及投资潜力规划报告2022年版详情内容请咨询鸿晟信合研究院! [全新修订]:2022年2月 [撰写单位]:鸿晟信合研究研究报告目录第1章:中国智慧商圈发展综述1.1 ...
智慧商圈支付宝小程序(ISV系统服务商开发模式)
一.产品成果二.前言本次支付宝小程序和以前支付宝小程序不同是,以前小程序主体就是个普通的小程序,这次我们是站在第三方ISV(服务商)角度来进行开发. ISV 帮助商户开发小程序时可使用的两种开发模 ...
小程序高级电商前端第2周深入理解REST API开发规范开启三端分离编程之旅＜一＞----优惠券、函数式编程、重构Theme
优惠券的一些基本概念: 在上一次小程序高级电商前端第1周走进Web全栈工程师<四>----自定义组件与Lin UI的小试牛刀已经使用Lin-UI完成了商品类别的展示,接下来则来实现它了: ...
小程序分享到朋友圈功能_来啦！小程序支持分享朋友圈
上线4年后的小程序,终于能发朋友圈了. 这应该小程序开发者最期待的功能之一. 小程序的推广渠道本来就少,没有链接,没有消息,不在微信和通讯录列表. 在此前,更没有机会获得朋友圈的展示. 作为一个日活近 ...

微信小程序——（2）智慧商圈、微信支付快速积分到账小程序开发指引

微信小程序——（2）智慧商圈、微信支付快速积分到账小程序开发指引相关推荐

最新文章

热门文章