关于微信及支付宝小程序扫码及H5跳转进入

您所在的位置:网站首页 uc浏览器扫二维码黑屏 关于微信及支付宝小程序扫码及H5跳转进入

关于微信及支付宝小程序扫码及H5跳转进入

2024-07-10 03:29| 来源: 网络整理| 查看: 265

关于微信及支付宝小程序扫码及H5跳转进入 关于微信及支付宝小程序扫码及H5跳转进入小程序如何绑定普通二维码H5页面如何跳转小程序

关于微信及支付宝小程序扫码及H5跳转进入

公司最近新的项目需求是可以分享普通二维码邀请好友,进入注册,踩了很多坑,记录一下

小程序如何绑定普通二维码

支付宝小程序: 1,支付宝小程序登录中心https://openhome.alipay.com/mini/dev,可进入所创建的小程序列表 2,选择进入所要开发的小程序,跳转进入以后左侧的菜单栏服务内容-码管理-关联普通二维码 3,关联时需要下载校验文件,放在普通二维码域名的根目录下,如选择精确匹配,必须是完全一样的链 接才可扫码进入小程序,如需要携带参数,建议选择模糊匹配,做好这一切之后会有测试码,稍微等待下扫码就可以测试,当然,最起码要上传一个体验版小程序。

微信小程序: 1,微信小程序登录中心https://mp.weixin.qq.com/,直接输入自己所要开发的小程序账号密码进入即可 2,登录成功以后左侧菜单栏开发–开发设置,拉到下方有扫普通链接二维码打开小程序 3,操作基本跟支付宝小程序一样,需要校验文件以及模糊匹配与精缺匹配的规则完全一样,照着提示文字一步步操作即可

H5页面如何跳转小程序

支付宝小程序: 支付宝客户端内跳转小程序特别简单,只需使用__‘alipays://platformapi/startapp?appId=*************&page=pages/index/index&q=1&a=2’__链接,用window.location.href跳转即可进入,appId即为所要开发的支付宝AppId,page为要跳转进入的页面,后边的&等接传入的参数即可,方式类似于浏览器链接传参(key=value&key1=value1)

微信小程序: 微信小程序跳转小程序就有点复杂了,需要使用微信内置的开放标签进行跳转 微信文档链接地址: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

使用来进行跳转,需要注意的是username使用的是小程序的原始id,登录进入小程序以后查看小程序信息拉到最下方就可以看到一串gh开头的id,而且path参数所传入的页面地址是必须要在后边加上.html的,不然会无法跳转

开放组件中的template中可以加入style给button标签写样式,满足业务需求,跳转所需的参数可以给开放标签加id来动态添加

特别特别需要注意的一点是: 微信开放标签有最低的微信版本要求,以及最低的系统版本要求。 微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上 这些文档中都有描述,可以仔细看看,避免因为版本问题导致查找不到问题。

到这一步基本上就完成了跳转任务,无论是从H5页面还是扫普通二维码进入。 当然H5页面进入必须是在支付宝及微信的客户端内

下篇文章,将会说下如何获取跳转携带参数的问题。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3