微信会员卡跳转小程序实现

2024-05-04 04:43:49

一.需求描述：

实现在微信卡包中点击会员卡的“会员权益”和“用户配置”栏，跳转至指定小程序的对应路径下的界面。

点击“会员权益”中的“优惠券”以及“用户配置”中的“储值”栏可以跳转至对应小程序中的指定界面：

二.思路分析：

首先确定一点，这些都应该是在创建会员卡的时候设置的。那么接下来就是：1.在那些对应的字段设置；2.怎么关联到小程序；3.如何找到对应的小程序界面路径。

三.会员卡关联小程序（创建卡设置）

接口文档说明。在第4点中，我们注意到：只需在创建会员卡时，在对应的“会员权益”或“用户设置”里面加上app_brand_user_name和app_brand_pass即可完成跳转。
但是测试中，确实无法跳转的！通过查询资料，笔者发现：还需要添加一个url字段，才可以生效。

四.怎么关联到小程序？

如图中，在app_brand_user_name字段中填入该小程序的id呢？进入公众号管理平台，点击“小程序管理”–>选中指定的小程序，点击“详情”–>复制出其id即可加上“@app”即可使用

五.怎么拿到想要跳转的小程序的界面的路径呢？

在微信管理平台中：点击“首页”–>“新建群发”–>“自建图文”–>“小程序”–>选中小程序–>“下一步”–>“小程序路径”里面选中“获取更多页面路径”–>输入自己的微信号，点击“开启”。如下：

然后就可以用该微信进入此小程序的对应页面，点击复制即可得到路径了。
还需注意，在微信会员卡中使用时，需要去掉路径后面的".html"才可

微信会员卡跳转小程序实现相关推荐

微信卡券跳转小程序遇到的小坑
作者: 苍茫小一关注需求背景在2019年8月13日之前,微信卡包里的卡券都是跳转到对应公众号的页面,但是在2019年7月26日时,微信发布通告:微信卡券"网页链接跳转"能力即将 ...
微信浏览器跳转小程序php,微信浏览器里面h5跳转小程序
微信浏览器里面h5跳转小程序注意事项,以vue框架为例一.获取jssdk配置,在wx.ready回调函数里面展示按钮wx.config({ debug: false, appId: data.ap ...
【IOS invalid signature】记录一次微信H5跳转小程序的坑
今天开发微信H5页面跳转小程序,安卓和开发者工具都没问题,IOS第一次进入会报错验签失败,我的是vue项目. 实测添加一行代码解决,只传原始地址,不能传完整url,看其他人什么刷新,什么判断都无效 l ...
怎么做微信会员卡系统_小程序会员系统怎么做
商家搭建好自己的会员卡系统之后,让我们的顾客扫码进入小程序页面就可以领取会员卡,然后可以通过会员卡充值和消费,还可以在会员卡里边充值,充值之后获取更多的优惠,所以各行各业都适合搭建一套属于自己的会员卡 ...
vue代码怎么变成小程序_使用vue编写h5公众号跳转小程序的实现代码
前言:我使用vue编写的h5公众号,实现点击小程序入口,打开小程序,微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_App ...
H5和webview跳转小程序
一.微信H5跳转小程序 1. 可以通过URL Scheme 2.跳转小程序:wx-open-launch-weapp 用于页面中提供一个可跳转指定小程序的按钮.使用此标签后,用户需在网页内点击标签按 ...
微信会员卡，信息类目字段跳转小程序【custom_field1】【巨巨巨巨坑】
需求:小程序需要给用户发会员卡,并同步到微信卡包坑位:在base_info属性下的custom_field1,custom_field2,custom_field3使用官方文档无论怎么样都没法跳转小 ...
微信公众号自定义菜单跳转小程序
微信的小程序交给有赞开发,由微信手册,菜单跳小程序需要如下配置: ["type" => "miniprogram","name" =& ...
微信小程序实现微信APP上的扫一扫扫码跳到小程序对应的结果页面和签字等功能
最近做了一个小程序项目,这个小程序是搭配APP端使用的,大概需求是这样的,用户用微信的扫一扫或小程序首页的扫一扫都可以实现对APP上的二维码进行扫码识别,识别成功之后跳到页面进行渲染,然后用户可以对其 ...
微信公众号H5跳转小程序，wx-open-launch-weapp
直接上干货,不多哔哔~~ 注意事项 : 需要再公众号里面绑定需要跳转的小程序获取jssdk配置的时候需要再公众平台绑定安全域名微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3 ...

最新文章

热门文章