uni-app 使用webview加载H5打开微信小程序

最近公司有个需求要求在app里点击一个功能打开小程序,并且关闭小程序回到app,模仿平安保险app。

毕竟我也是刚学习uni-app,找了很多资料,找到了一个天天外链的网站可以生成一个小程序的链接,使用uni的webview去加载这个链接,很好,需求满足,但是收费,那能不能自己做呢,可以,研究了一下天天外链生成的链接,发现是个html结尾的,那么正好H5里可以直接使用location.href去加载外链的,思路有了,开始动手。

1,首先使用uni的webview去加载一个H5页面,这个页面需放在自己公司的测试服务器上哦

 2,html文件写入location,href = '小程序的链接',就会实现自动跳转,也可以加一个按钮防止跳转失败,让用户点击按钮跳转

uni-app 使用webview加载H5打开微信小程序_第1张图片

 3,最重要的一步,如何生成这个小程序的链接

        (1),登录微信开放平台

        (2),点击小程序,点击服务端,点击获取scheme码,点击调试工具

                uni-app 使用webview加载H5打开微信小程序_第2张图片        (3)在线生成scheme码

uni-app 使用webview加载H5打开微信小程序_第3张图片

       (4),请求成功之后在在线调用这里可以看到,如果失败请按照文档检查一下参数

uni-app 使用webview加载H5打开微信小程序_第4张图片

4,这个就是你小程序的码了,复制到你的html文件里用location,href就可以跳转啦,看上面第二步。

注意:

注意:

注意:

为确保小程序链接合理使用,自 2022 年 4 月 11 日起,URL Scheme 和 URL Link (以下统称为 “链接” )接口能力规则将进行以下调整:

  1. 每个 URL Scheme 或 URL Link 有效期最长 30 天,均不再支持永久有效的链接、不再区分短期有效链接与长期有效链接;
  2. 链接生成后,若在微信外打开,用户可以在浏览器页面点击进入小程序。每个独立的链接被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同链接打开该小程序;
  3. 单个小程序每天生成链接数(URL Scheme 和 URL Link 总数)上限为 50 万条。

对于上述 1,在开发层面,相应的服务端接口 urlscheme.generate 和 urllink.generate 将进行以下调整:

  1. is_expire 值固定为 true,可不再传该值,若传值为 false 也与 true 一样会生成到期失效链接;
  2. 若 expire_type 传值为 0,需注意 expire_time 传值的时间戳不超过 30 天,即该参数最长传值有效期为 30 天;若 expire_type 传值为 1,需注意 expire_interval 传值范围为 [1, 30],即该参数最长传值间隔天数为 30。

也就说一个链接只能被一个人跳转,要想实现每个用户都可以跳转,可让后端配合写接口动态生成链接,前端需在跳转之前调用接口,实现每个用户下发不同H5链接。

详情请看官网小程序链接生成与使用规则调整公告:

小程序链接生成与使用规则调整公告 | 微信开放社区各位开发者:为确保小程序链接合理使用,自 2022 年 4 月 11 日起,URL Scheme 和 URL Link (以下统称为 “链接” )接口能力规则将进行以下调整:每个 URL Scheme 或 URL Link 有效期最长 30 天,均不再支持永久有效的链接、不再区分短期有效链接与长期有效链接;链接生成后,若在微信外打开,用户可以在浏览器页面点击进入小程序。每个独立的链接被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同链接打开该小程序;单个小程序每天生成链接数(URL Scheme 和 URL Link 总数)上限为 50 万条。 对于上述 1,在开发层面,相应的服务端接口 urlscheme.generate 和 urllink.generate 将进行以下调整:is_expire 值固定为 true,可不再传该值,若传值为 false 也与 true 一样会生成到期失效链接;若 expire_type 传值为 0,需注意 expire_time 传值的时间戳不超过 30 天,即该参数最长传值有效期为 30 天;若 expire_type 传值为 1,需注意 expire_interval 传值范围为 [1, 30],即该参数最长传值间隔天数为 30。详细对比见下表:已使用该后端接口的开发者可以不进行任何修改,不会出现返回异常。若传值超过新规则合法值,或声明使用永久有效的链接,则均会被赋最长有效期值(30天);需注意以上新规则生效后的有效期和访问规则变化。在本次规则调整生效前已经生成的链接,也将自动生效以下规则:如果有效期超过30天或长期会被降级为30天有效,开始时间从调整日期开始计算;在调整生效后,只能被1个用户访问。当前已使用微信云开发 静态网站H5跳小程序 与 短信跳小程序、微信服务平台短信服务为用户提供链接的功能不受影响,但同样适用以上规则。 微信团队 2022年3月9日相关QAQ1:每天下发的短信量级超过50万条,不够用怎么办?A1:可将生成 scheme 的时机改为在用户打开 H5 时再生成:https://developers.weixin.qq.com/community/develop/doc/000aeab88a4ea0c5c89d81fde5b801服务端调取微信接口请看官网:

后端 API | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/server-ability/backend-api.html

你可能感兴趣的:(微信小程序,uni-app,小程序)