欢迎访问 生活随笔!

凯发k8官方网

当前位置: 凯发k8官方网 > 前端技术 > html >内容正文

html

手机浏览器中h5跳转微信小程序长按识别二维码 -凯发k8官方网

发布时间:2024/3/24 html 496 豆豆
凯发k8官方网 收集整理的这篇文章主要介绍了 手机浏览器中h5跳转微信小程序长按识别二维码 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

app中订购课程后发送短信通知,用户点短信中连接进入h5,此时h5是手机浏览器中打开,不是微信生态所以放的客服二微码无法长按识别。如果能h5直接进入微信生态。微信这个接口只向一些大的合作企业提供些接口,我们想用只能网上买第三方的,看过几个第三方接口可以实现但是不稳定。

h5这条路走不通,那么就看看小程序。小程序中虽然不能直接长按识别二维码,但是还好小程序有web_view,引用h5做的二维码就可以识别。

承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。

src:webview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。

这个问题解决了,最重要的是怎么让h5在浏览器中打开直接跳转微信生态(打开小程序),下面看看小程序的这个函数接口

获取小程序 scheme 码,适用于短信、邮件、外部网页、微信内等拉起小程序的业务场景。通过该接口,可以选择生成到期失效和永久有效的小程序码,有数量限制,目前仅针对国内非个人主体的小程序开放,详见获取 url scheme。

https 调用

请求地址

post https://api.weixin.qq.com/wxa/generatescheme?access_token=access_token

请求参数

属性类型默认值必填说明
access_token / cloudbase_access_tokenstring接口调用凭证
jump_wxaobject跳转到的目标小程序信息。
is_expirebooleanfalse生成的 scheme 码类型,到期失效:true,永久有效:false。注意,永久有效 scheme 和有效时间超过180天的到期失效 scheme 的总数上限为10万个,详见获取 url scheme,生成 scheme 码前请仔细确认
expire_typenumber0到期失效的 scheme 码失效类型,失效时间:0,失效间隔天数:1
expire_timenumber到期失效的 scheme 码的失效时间,为 unix 时间戳。生成的到期失效 scheme 码在该时间前有效。最长有效期为1年。is_expire 为 true 且 expire_type 为 0 时必填
expire_intervalnumber到期失效的 scheme 码的失效间隔天数。生成的到期失效 scheme 码在该间隔时间到达前有效。最长间隔天数为365天。is_expire 为 true 且 expire_type 为 1 时必填

jump_wxa 的结构

属性类型默认值必填说明
pathstring通过 scheme 码进入的小程序页面路径,必须是已经发布的小程序存在的页面,不可携带 query。path 为空时会跳转小程序凯发k8官方网主页。
querystring通过 scheme 码进入小程序时的 query,最大1024个字符,只支持数字,大小写英文以及部分特殊字符:`!#$&'()* ,/:;=?@-._~%``
env_versionstring"release"要打开的小程序版本。正式版为"release",体验版为"trial",开发版为"develop",仅在微信外打开时生效。体验版和开发版仅在ios上支持,android将在近期支持。

返回值

生成的小程序 scheme 码

异常返回

object

json

属性类型说明
errcodenumber错误码
errmsgstring错误信息

errcode 的合法值

值说明最低版本
-1系统繁忙,请稍后重试
40002暂无生成权限(非个人主体小程序无权限)
40013生成权限被封禁
85079小程序未发布
40165参数path填写错误
40212参数query填写错误
85401参数expire_time填写错误,时间间隔大于1分钟且小于1年
85402参数env_version填写错误
44990生成scheme频率过快(超过100次/秒)
85400长期有效scheme达到生成上限10万
45009单天生成scheme数量超过上限50万

返回值说明

如果调用成功,会直接返回生成的小程序 scheme 码。如果请求失败,会返回 json 格式的数据。

示例

请求

{"jump_wxa":{"path": "/pages/publishhomework/publishhomework","query": ""},"is_expire":true,"expire_time":1606737600 }

返回

{"errcode": 0,"errmsg": "ok","openlink": scheme, }

云调用

云调用是微信云开发提供的在云函数中调用微信开放接口的能力,需要在云函数中通过 wx-server-sdk 使用。

接口方法

openapi.urlscheme.generate

需在 config.json 中配置 urlscheme.generate api 的权限,详情

请求参数

属性类型默认值必填说明
jumpwxaobject跳转到的目标小程序信息。
isexpirebooleanfalse生成的 scheme 码类型,到期失效:true,永久有效:false。注意,永久有效 scheme 和有效时间超过180天的到期失效 scheme 的总数上限为10万个,详见获取 url scheme,生成 scheme 码前请仔细确认
expiretypenumber0到期失效的 scheme 码失效类型,失效时间:0,失效间隔天数:1
expiretimenumber到期失效的 scheme 码的失效时间,为 unix 时间戳。生成的到期失效 scheme 码在该时间前有效。最长有效期为1年。is_expire 为 true 且 expire_type 为 0 时必填
expireintervalnumber到期失效的 scheme 码的失效间隔天数。生成的到期失效 scheme 码在该间隔时间到达前有效。最长间隔天数为365天。is_expire 为 true 且 expire_type 为 1 时必填

jumpwxa 的结构

属性类型默认值必填说明
pathstring通过 scheme 码进入的小程序页面路径,必须是已经发布的小程序存在的页面,不可携带 query。path 为空时会跳转小程序凯发k8官方网主页。
querystring通过 scheme 码进入小程序时的 query,最大1024个字符,只支持数字,大小写英文以及部分特殊字符:`!#$&'()* ,/:;=?@-._~%``
envversionstring"release"要打开的小程序版本。正式版为"release",体验版为"trial",开发版为"develop",仅在微信外打开时生效。体验版和开发版仅在ios上支持,android将在近期支持。

返回值

生成的小程序 scheme 码

异常

object

json

属性类型说明
errcodenumber错误码
errmsgstring错误信息

errcode 的合法值

示例

请求

const cloud = require('wx-server-sdk') cloud.init({env: cloud.dynamic_current_env, }) exports.main = async (event, context) => {try {const result = await cloud.openapi.urlscheme.generate({"jumpwxa": {"path": '/pages/publishhomework/publishhomework',"query": ''},"isexpire": true,"expiretime": 1606737600})return result} catch (err) {return err} }

返回

{"errcode": 0,"errmsg": "ok","openlink": scheme, }

重要的就是获取这个scheme

通过服务端接口或在小程序管理后台「工具」-「生成 url scheme」入口可以获取打开小程序任意页面的 url scheme。适用于从短信、邮件、微信外网页等场景打开小程序。 通过 url scheme 打开小程序的场景值为 1065。
生成的 url scheme 如下所示:

weixin://dl/business/?t= *ticket*

ios系统支持识别 url scheme,可在短信等应用场景中直接通过scheme跳转小程序。
android系统不支持直接识别 url scheme,用户无法通过 scheme 正常打开小程序,开发者需要使用 h5 页面中转,再跳转到 scheme 实现打开小程序,跳转代码示例如下:

location.href = 'weixin://dl/business/?t= *ticket*'

该跳转方法可以在用户打开 h5 时立即调用,也可以在用户触发事件后调用。

调用上限

scheme 将根据是否为到期有效与失效时间参数,分为短期有效scheme长期有效scheme

  • 单个小程序每日生成 scheme 上限为50万个(包含短期有效 scheme 与长期有效 scheme)
  • 有效时间超过180天的 scheme 或永久有效的 scheme 为长期有效scheme单个小程序总共可生成长期有效 scheme 上限为10万个,请谨慎调用
  • 有效时间不超过180天的 scheme 为短期有效scheme,单个小程序生成短期有效 scheme 不设上限
  • 注意事项

  • 微信内的网页如需打开小程序请使用微信开放标签-小程序跳转按钮,无公众号也可以直接使用小程序身份开发网页并免鉴权跳转小程序,见云开发静态网站跳转小程序。符合开放范围的小程序可以下发支持打开小程序的短信
  • 该功能基本覆盖当前用户正在使用的微信版本,开发者无需进行低版本兼容
  • 只能生成已发布的小程序的 url scheme
  • 通过 url scheme 跳转到微信时,可能会触发系统弹框询问,若用户选择不跳转,则无法打开小程序。请开发者妥善处理用户选择不跳转的场景
  • 部分浏览器会限制打开网页直接跳转,可参考示例网页设置跳转按钮
  • 开放范围

    针对非个人主体小程序开放。

    至此,完成浏览器h5到微信生态,直接可以长按识别二维码了。

    总结

    以上是凯发k8官方网为你收集整理的手机浏览器中h5跳转微信小程序长按识别二维码的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得凯发k8官方网网站内容还不错,欢迎将凯发k8官方网推荐给好友。

    • 上一篇:
    • 下一篇:
    网站地图